Floating header with sticky footer

Question

I'm trying to create a floating header. content area and then a sticky footer.

http://jsfiddle.net/9vB5m/ it seems to be working here

http://jsfiddle.net/9vB5m/2/ covers up the footer....

Not sure why. Once i get this working. I'm then going to try to use this on my real layout.

Answer 1

Had to set css margin-bottom property for footer to 0.

Working code: http://jsfiddle.net/9vB5m/4/