Problem with 100% height tables in Firefox

[will7]

I have this code at the start of a file called "main.css":

body {
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
height: 100%; 
}

Then, I put this in the head section of my page:

<link rel="stylesheet" type="text/css" href="main.css">

When I make a table and set the height to 100%, it normally makes the table take up 100% of the height of a Firefox browser window, but now, for some reason, I only get a table with a height of about 20px. Everything else in the main.css file displays fine, so it is having no problems finding the main.css file, but it won't make the table 100%!

Why does it do that? It's always worked doing it that way before, hope someone can understand my problem and give me a hand!

Thanks,

Will.

 

[will7]

Never mind guys, got it sorted now. I found it somewhere deep within the realms of the Internet

If anyone else is having the same problem as me, you just have to change:

body {
}

To:

html,body {
}

But of course, you all knew that, it was just me that didn't

 

[user-7256]

Ah... interesting. Thanks! This helped me!

 

[def1]

your site is very nice will

 

[will7]

Glad to help Matt and thanks def1