CSS layout - footer is overlapping the content of page

Answer 1

I don't know what your html looks like, but it looks like you could try inserting a clearing div just before the footer... btw, why is the 'clear: both;' commented out in the footer css rule?

code to insert just before the footer div:

<div style="clear: both;"/>

Not positive whether it will help, but if I understand your problem correcty, this is my best guess!

Answer 2

Try changing pageBody to:

#pageBody {
   float: left;
   clear: both;
}