Have main content background color expend all the way down to footer at bottom of browser

Here is my curre开发者_Go百科nt HTML and CSS http://jsfiddle.net/fqu6U/

I want the red to go all the way to the footer.

Check http://jsfiddle.net/fqu6U/3/

Problems that were interfering: float, height: auto.

Why not just add this to the bottom of the css:

body
{
    background-color:red
}

EDIT: Given your comment you might want to look at this: http://www.cssstickyfooter.com/using-sticky-footer-code.html