Footer help

Hello, I need help pushing a footer to the bottom of the page WHILE also stretching the content div down to it.

The code below is a simplified version to show my problem:


<div id="header"></div> // width: 100%
<div id="content"></div> // width: 800px; margin:0 auto;
<div id="footer"></div> // width: 100%


So when I push the footer to the bottom of the page I also need to stretch the content div down to the footer.

http://img804.imageshack.us/img804/5499/41585392.png

Haha.. I feel like a tool but I'm new to web design. :D Finally googled the answer. (Sticky footers)

I think I still haven't been bothered to figure out how to do full divs and bottom footers and what not. I don't like styling. I'd be much happier if I had someone else to do my CSS and basic HTML so I can spend more time with PHP and what not:).