title: colspan width issue
body: <p>I'm having trouble setting fixed widths on columns which use <code>colspan</code>.</p>
  
  <p>It seems that neither IE8, Firefox or Chrome can figure out how to correctly size columns with colspan.</p>
  
  <p>Try the following code to see the problem in action:</p>
  
  <pre><code>&lt;h2&gt;One table with colspans, incorrect cell dimensions&lt;/h2&gt;
  &lt;table border="1"&gt;
  &lt;tr&gt;
      &lt;td style="width:20px;"&gt;20&lt;/td&gt;
      &lt;td style="width:50px;" colspan="2"&gt;50&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="width:50px;" colspan="2"&gt;50&lt;/td&gt;
      &lt;td style="width:20px;"&gt;20&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;h2&gt;Split tables, correct cell dimensions&lt;/h2&gt;
  &lt;table border="1"&gt;
  &lt;tr&gt;
      &lt;td style="width:20px;"&gt;20&lt;/td&gt;
      &lt;td style="width:50px;"&gt;50&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;table border="1"&gt;
  &lt;tr&gt;
      &lt;td style="width:50px;"&gt;50&lt;/td&gt;
      &lt;td style="width:20px;"&gt;20&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;
      &lt;td&gt;a&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Can anyone explain why this might be happening, and if there is a workaround.</p>
  
  <p>EDIT:</p>
  
  <p>have tried doctypes</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  </code></pre>