Problems with sticky footer - CSS - main content wont go 100% height (float)

Question

I'm trying to implement hxxp://www.cssstickyfooter.com however I am having a few problems! See screenshot: hxxp://img22.imageshack.us/img22/2654/71161106.jpg The div "Content" contains both left and right columns. On smaller resolutions this is working as expected however once the user starts to increase there resolution the content doesn't expand as I intend it to.

If you notice the blue box. That should stretch to the footer at the bottom of the page. If you notice that the blue divider line (right_container3-4) stops also at the same point.

CODE

HTML: hxxp://tinyurl.com/m39x52

CSS: hxxp://tinyurl.com/lb62ej

I would apriciate any help at all! I've been racking my brains for ages on this one, its just a small site so I suppose it's not too much of an issue. But it's nice to know all the same!

Thankyou P.S. Sorry about the URL formatting

Answer 1

The since the wrapper div doesn't contain an explicit height, the #page doesn't have anything to be 100% of.