Use CSS to make a div the maximum height of the window

I’ve often struggled to make a div that fits the maximum height of the current browser window (without resorting to harcoding a height in pixels) And putting height:100% on the divs stylings appears to do nothing.

Then I stumbled across a post which tells me how to do it:


html {
height : 100%;
}
body {
height : 100%;
}
#yourDiv {
height : 100%;
}
(obviously #yourDiv being the id or class of the div your working with)

Woo hoo – one happy bunny here!
Thanks to  http://forum.boagworld.com/discussion/1556/maximize-a-div-to-the-windows-height/p1