Div height 100% won't fill the document?

[Guest liquidx]

See reproduction of the problem: http://www.coldink.net/temp/test.html (scroll down a bit to see the issue)

 

 

When I set the html, body, and a div to be height 100% they are only 100% of the viewable area, they do not encompass the content within them.

 

How can I fix this?

 

The source is extremely simple, what am I doing wrong?

[Bill]

You will need to use min-height: 100%; for standard compliant browsers to allow the div to expand. Then because IE6 doesn't understand min-height but treats height as min-height, feed it height: 100%; using a conditional comment or hack.

 

[JBall]

...and you should use an external style sheet as opposed to loading your head tag full of styles.