Table height problem

Here it comes. I want to build a website with W3C validation. On my site I want for example a black background. In the center I want a table with 650px width. That background color is white. Now it's not possible with W3C validation to set the height ( in css, or in html ) to 100%...

Maybe this is easier:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strics.dtd">
<html>
   <head>
      <title>Onderdegrond.nl</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <link href="main.css" rel="stylesheet" type="text/css">
   </head>
   <body>
      <table>
         <tr>
            <td>bla</td>
         </tr>
      </table>
   </body>
</html>

CSS:
body{
 background-color: black;
 margin: 0;
 text-align: center;
}

table{
 background-color: white;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 width: 650px;
}

What it's displaying is 1 tablerow, with a white background color. But the height is not 100%, it's not going all the way down to the bottom of the browser ( not FireFox, not Iexplore ).
If I remove the <!DOCTYPE ... > it works pretty fine. But that way is not validate bij W3C....

Do you see my point? Offcourse you can say, well that's a bummer. But I want it just go to the bottom. 

Is there a way to fix this? Or is there no option? I read something on the W3C site about table-indent? but my css editor ( TopStyle ) didn't recognize this.

Received on Thursday, 10 February 2005 13:19:57 UTC