title: 100% height div inside 100% td
body: <p>Ok,
  so here is my problem.. and its buggin me for a while... 
  i need to set the following DIV 100% height inside this TD without any side-effects (by that i mean scrolling), because for some unknown reason, when i set it to 100% height, looks like IE 8 does some wrong calculations..
  I tried a lot of combinations but no success..
  transitional doctype is required...
  thanks in advance for any help!</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;style&gt;
  html, body
  {
      height:100%;
      margin:0px;
      padding:0px;
  }
  &lt;/style&gt;
  &lt;head&gt;
      &lt;body&gt;
          &lt;table style="height:100%" border="1"&gt;
              &lt;tr&gt;
                  &lt;td&gt;TOP&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr style="height:100%"&gt;
                  &lt;td style="height:100%"&gt;
                      &lt;div style="border:1px dotted blue; height:100%"&gt;CONTENT&lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>