f4667ab418c1ee653209ab6933ebf77e90a4ae7d
kate
  Thu Apr 5 19:35:47 2012 -0700
Fixes to support floating column header on IE
diff --git src/hg/js/encodeChipMatrix.js src/hg/js/encodeChipMatrix.js
index 36b218e..3510971 100644
--- src/hg/js/encodeChipMatrix.js
+++ src/hg/js/encodeChipMatrix.js
@@ -125,30 +125,35 @@
                                 target + '</div></th>');
                 if (!encodeProject.isIE8()) {
                     // Suppress mouseover under IE8 as QA noted flashing effect
                     $th.attr('title', antibodyTarget.description);
                 }
                 $tableHeaders.append($th);
                 // add colgroup element to support cross-hair hover effect
                 $thead.before('<colgroup class="experimentCol"></colgroup>');
                 maxLen = Math.max(maxLen, target.length);
             });
         });
         // adjust size of headers based on longest label length
         // empirically len/2 em's is right
         $('#columnHeaders th').css('height', (String((maxLen/2 + 2)).concat('em')));
         $('#columnHeaders th').css('width', '1em');
+
+        //also need to set additional width for non-IE
+        if (!$.browser.msie) {
+            $('.verticalText').css('width', '1em');
+        }
     }
 
     function rowAddCells($row, antibodyGroups, antibodyTargetExps, matrix, cellType) {
         // populate a row in the matrix with cells for antibody target groups and the targets
         // null cellType indicates this is a row for a cell group (tier)
 
         var $td;
 
         $.each(antibodyGroups, function (i, group) {
             // skip group header
             $td = $('<td></td>');
             $td.addClass('matrixCell');
             $row.append($td);
 
             $.each(group.targets, function (i, target) {