title: Internet Explorer 8 table cell width bug with colspan set
body: <p>I have the following html page: </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;A title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table style="width: 700px; border: solid 1px green"&gt;
          &lt;tr&gt;
              &lt;td style="border: solid 1px red;" colspan="2"&gt;A cell with a bunch of text.  The amount of text here increases the 'x' cell.&lt;td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="width: 100px; border: solid 1px purple;" &gt;x&lt;/td&gt;
              &lt;td style="border: solid 1px blue;"&gt;Some sample text&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In all browsers other than Internet Explorer (8), the cell with contents "x" has a width of 100px, and it's adjacent cell fills the rest of the table.  In internet explorer 8, it's quite a bit bigger, and it's size varies depending on how much text is in the cell with colspan="2" set.  Is there a fix for this bug in IE?</p>