Hmm, I would ahve thought it would have been the other way around... Oh, well.

Maybe a few more div's than you need, it's over complicating things.. All you need is:

• div for container
• div for header
• div for navigation
• div for content
• div for footer

None of this #footerleft business...

my guess for the reason you're having this overlap problem is it could be a couple of things...

• Check the order in which the elements appear in the CSS as this can have a bearing.
• Check all your positioning, floats, clear attributes. It only takes one to be wrong.