Does anyone know how to make the height of a div in firefox equal to the percentage you input? For example if I put <div style="height:100%; min-height:100%;">blablabla</div> the div container will only be as high as the text makes it, when in internet explorer it does make it take up 100% of the page or whatever height in percentage I input in it.

by the way, html, body {} have 100% height in them, so does the container that has the div element.

Example:

html,body {height:100%;}
#container {height:100%;}
#div {min-height:100%;}


the one called #div is the one I want with 100% height.

Thanks for any help.

just a tip, you might want to edit your post and but the CSS/Codes in code tags....

While keeping with web standards, the height property does not support percentages.

I had the same problem, for the longest time i couldn't figure it out, then it turned out, there was an open table tag in the CSS area. Check for open tags