代码如下：
<!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 id="Head1" runat="server">
<title></title>
<style type="text/css">
* { margin: 0px; }
html, body { height: 100%; }
</style>
</head>
<body>
<table style="width:100%; height:100%; ">
<tr><td style="background-color:#164331; height:100px;">1</td></tr>
<tr><td style="height:auto">2</td></tr>
</table>
</body>
</html>
表格把整个页面占满，上边那个单元格固定高度100px，下边则自动高度
页面在 firefox 跟 谷歌浏览器 显示都是正常的，但是在IE就变样了，IE中上边的那个单元格占了大部分空间，请问高手这是怎么回事，该怎么修改。要求保留DOCTYPE
