CSS for a auto stretching footer?

**pxlcreations** · 12-08-2010, 09:58 PM

Hi all... its been awhile but I'm working on a new page and I need help with my footer. I have a footer with a set height and then I have a div below it. I want the div below it to be auto stretching vertically until it reaches the footer with the set div. What would my css be for this? I tried this below:

CSS

Code:

#footer{
background-color:black;
width:100%;
height:255px;
}

.footerspacer{
bottom:0
position:absolute;
width:100%;
height:100%;
}

HTML

Code:

<div id="footer"></div>
<div class="footerspacer"></div>

But what ended up happening was that the stretching part stretched to the very top of the page, covering all of the content. How can I get it to just stretch up to the footer div?