title: unwanted space before and after nested html table using Internet Explorer 8
body: <p>I have an html table nested in an html table cell. I want the nested table to use the full size of the cell it is nested in. When I use firefox or google chrome I get the result I want but when I use Internet Explorer 8 (even if I use td style="height="100%") the height of the nested cell depends on it's content. As a result I get whitespace before and after my nested table. Here is a simple html that will reproduce the problem.</p>
  
  <pre><code>&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"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;style type="text/css"&gt;
  &lt;!--
  body, html, table{
      height: 100%;
      width: 100%;
      margin:0;
      padding:0;
  }
  table, td, th {border:#000 medium solid}
  &lt;/style&gt;
  &lt;body&gt;
  &lt;table&gt;
     &lt;tr&gt;
      &lt;th style="margin:0;padding:0;height:100;"&gt;
      &lt;table&gt;&lt;tr&gt;&lt;th style="height:100%"&gt;nested cell&lt;/th&gt;&lt;/tr&gt;&lt;/table&gt;
      &lt;/th&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>