tomaten: IE7 and full table height

Beitrag lesen

Hallo, ich mach es kurz, im Firefox läuft das einwandfrei und im IE7 schiesst die Tabelle aus dem Bild. Wo ist da das Problem?:

CSS:

html, body, form
{
    margin: 0px;
    padding: 0px;
    border: none;
    height: 100%;
    overflow: hidden;
}

HTML:

<!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>
 <title>Test</title>
 <link rel="stylesheet" type="text/css" href="common.css">
</head>
<body>
 <form>
  <table border="1" style="width: 100%; height: 100%; ">
   <tr style="height: 50px; ">
    <td style="height: 50px; ">test1</td>
   </tr>
   <tr>
    <td>test2</td>
   </tr>
  </table>
 </form>
</body>
</html>