The big issue is that you don't have anything clearing the floated divs. So the footer is being pushed off to the side and that's the bg color you see under the floated divs.
After your last content div try adding "<div style="clear: both"><!-- clearing div --></div>". Hopefully that clears some of it up.
BTW, you're still missing a DOCTYPE, and if you're testing your pages in IE this means IE is viewing them in Quirks mode. I'd make sure things are validating, code for standards compliance, then debug for IE rather than the other way around.