Wow thats looking great
Normally if you have divs floating above the footer like so:
<div id="header"></div>
<div id="left></div>
<div id="right"></div>
<div id=footer"></div>
So you have the #left column floating left and the #right floating right. You would then use #footer { clear:both; } to clear both of the left and right floating columns. That way the footer sticks below the floating columns even if they resize with the text.