Table layout med strict.dtd = problem ?!

Hej alle.

Håber at der er nogle af jer HTML hajer, som kan hjælpe mig med et lille problem som går ud på, at min <table> ikke lige gør som jeg forventer.

Problemet er, at jeg ønsker at min tabel er centreret på siden, samtidig med, at den skal fylde 100% af højden. Dette virker fint nok, så længe jeg ikke angiver DOCTYPE, men da jeg specifikt ønsker at kode mod et strict.dtd, så giver det problemer.

Min side ser fint ud i IE5.5, men vises ikke som forventet i IE6, NS6 og Opera6. Jeg er dog ikke i tvivl om, at det er de sidste versioner af ovenstående browsere som viser siden 'mest' korrekt iht. W3C's CSS specifikationer.

Hvad gør jeg galt?

Jeg er kommet frem til at:
1. text-align ignoreres i NS6 og Opera6 i forhold til <table>.
2. height ignoreres i IE6, NS6 og Opera6, så længe værdien er relativ. Angives f.eks. 100px overholdes denne værdi.

Gåde (seriøse) råd er velkomne.

Med venlig hilsen

<Michael/>

Eksempel kode:
--------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Test side</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta http-equiv="Content-Language" content="text/css">
  <style type="text/css">
    .bodyContent
    {
      text-align : center;
    }
    .mainTable
    {
      border    : 1px solid #000000;
      height    : 100%;
      text-align : left;
      width      : 750px;
    }
    .maxHeight
    {
      height    : 100%;
    }
  </style>
</head>
<body class="bodyContent">
  <table class="mainTable" cellpadding="0" cellspacing="0">
  <tr>
    <td>Top</td>
  </tr>
  <tr class="maxHeight">
    <td valign="bottom">Bund</td>
  </tr>
  </table>
</body>
</html>