title: Colspan in IE7/8 not respected
body: <p>The DOM looks like this:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;a&lt;/td&gt;...&lt;td&gt;g&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td colspan="3"&gt;
        &lt;table&gt;
          ...
        &lt;/table&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;...&lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Any idea why this wouldn't work in IE? I tried setting <code>width:auto</code> on the <code>TD</code> holding the inner table, and <code>table-layout:fixed</code> isn't viable because the tabular data is generated dynamically.</p>
  
  <p>What could be going wrong?</p>
  
  <p>Currently, the table only fills the first column, and it will not span.</p>
  
  <h1>Update: EXAMPLE</h1>
  
  <p><a href="http://stefankendall.com/files/example.html" rel="noreferrer">http://stefankendall.com/files/example.html</a></p>