Image size on screen

I have a page i’m destining, on this page I’ve got a DIV header with a UL as a menu inside it, this will be 100% width and 100px high, contained in a centered 800px wide container.

Under this I want an image, I want it full screen width and screen height to the bottom of my screen but showing my header.

Under this I will have a a footer.

This is the CSS I have between my header and footer. The image is the right size but my footer sits under my home DIV. Obviously this is wrong so how can I do this?

[HTML]

.home{
background-image:url(Images/bkgd2.jpg);
position:absolute;
bottom:0px;
top: 100px;
width:100%;
}

–

[/HTML]