greg: zellenhöhe wird im IE falsch angezeigt

hallo,

ich habe eine tabelle die 100% hoch sein soll.
dies mach ich so:
HTML, BODY { Width: 100%; Height: 100%; Margin: 0; }
... <table style="width: 100%; height:100%"> ...

^das funktioniert auch (sowohl ie als auch ff)

die erste zeile soll eine höhe von 100px haben und die anderen sollen sich den restlichen platz gerecht aufteilen.
Das funktioniert auch im FF aber nicht im IE.

kennt jem. das problem und weiß jem. wie man das beheben kann?

hier noch der ganze html code (beispiel):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<STYLE TYPE="text/css">
<!--
HTML, BODY { Width: 100%; Height: 100%; Margin: 0; }
-->
</STYLE>

</head>

<body>

<table style="width: 100%; height:100%">
 <tr>
  <td style="background-color: #00FF00; height: 100px"></td>
  <td style="background-color: #FF0000; height: 100px"></td>
 </tr>
 <tr>
  <td style="background-color: #FF0000;">&nbsp;</td>
  <td style="background-color: #00FF00;">&nbsp;</td>
 </tr>
 <tr>
  <td style="background-color: #00FF00;">&nbsp;</td>
  <td style="background-color: #FF0000;">&nbsp;</td>
 </tr>
</table>

</body>

</html>

ps: das DOCTYPE kann ich leider nicht weg lassen, da sonst die divs in meiner seite unterschiedlich angezeigt werden.
und hight='*' oder sowas ähnliches funktioniert anscheinend auch nicht :\

danke für eure unterstützung ;)

lg
~g