title: Firefox 4 and table-layout: fixed
body: <p>I have an issue which seems to have been introduced between Firefox 3 and 4. Essentially it's to do with <code>table-layout: fixed</code>.</p>
  
  <p>I have a scrollable table which uses two DIVs, one for the header and one for the body (sadly it's the only option which worked for me).</p>
  
  <p>The body table looks something like this (note that this is all generated with JavaScript, it's part of a GWT application):</p>
  
  <pre><code>&lt;table style="table-layout: fixed;"&gt;
      &lt;colgroup&gt;
          &lt;col width="61" /&gt;
          &lt;col width="57" /&gt;
      &lt;/colgroup&gt;
      &lt;tbody&gt;
          &lt;!-- data --&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>(by the way, the page is declared as HTML 4.01 Transitional)</p>
  
  <p>It seems that in Firefox 3, the column widths are being respected. However, in Firefox 4 it seems to ignore the column widths some of the time (difficult to pin down exactly but generally when the table starts getting small enough for it to be tricky for Firefox to resize). If I inspect the column widths in Firefox they generally have little relation to the widths as specified in the HTML.</p>
  
  <p>I'm just wondering if anyone can shed any light on why this might be happening? </p>