Making Page container the height of the screen

[paulnic]

Hi

as title say i have a 780px wide container down the center of my page but it doesnt automatically stretch to the bottom of the screen its height seems to be determined by what content i have in the container. i want it to fill the whole screen bar a 10px border at the bottom. here is the css for my container:

#pageContainer
{
width: 780px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
border: 10px solid #FFFFFF;
background-color: white;

}

this is the css for the body which surrounds the container:

html, body
{
padding: 0px;
margin: 0px;
border: 0px;
background-color: #F0F0F0;
}


i have added a screenshot so you can see what i mean. any suggestions would be really appreciated

Thanks

Paul

[cbVision]

html, body {height: 100%;}
#pageContainer {height: 100%;}