td bliver 100% høj i IE - fungere fint i FF

Jeg har et design og har plukket noget relevant kode ud så jeg kan få fixet mit 'problem'. Jeg har en tabel som skal være 100% høj, hvilket den også er. I den tabel har jeg følgene: top tekst, banner, menu, indhold, bund tekst. Som sagt så skal tabellen fylde 100%, men selve indhold-cellen skal også fylde 100%. Det fungere fint i FireFox. Så langt så godt.
I Internet Explorer tror min indhold-celle at den også skal være 100% hvilket er lidt naturligt da den er sat til det, men i firefox virker det jo fint?

Her er html delen:

  <table border="0" cellspacing="0" cellpadding="0" width="652" id="wrapper">
    <?php include "inc/top.php"; ?>
      <tr>
    <td>left</td>
    <td class="main" valign="top" height="100%">INDHOLD</td>
    <td>right</td>
      </tr>
    <?php include "inc/bund.php"; ?>
  </table>

Og her er den tilhørene css del:

html, body, #wrapper {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #5A5F59;
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    cursor: default;
    text-align: left;
}
#wrapper {
    margin: 0px auto;
    text-align: left;
    vertical-align: middle;
    width: 652px;
}