The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Div footer alignment in IE and FF

I'm currently trying to rebuild an old website that had to be taken down because it was hacked. So I thought it would be a good opportunity to redo the templates, etc. (The whole site needs restructuring, anyway.)

I want a header, a left hand menu, content and then a footer with text that is centred to the width of the screen, not the width of the content.

It works exactly as I want in IE7, but in Firefox, the footer content ends up in the menu content, rather than separated from it.

I've been going round in circles for a while now, so I can't remember what I had before. It used to be fine in Firefox, but in IE the footer would be at the bottom of the screen, and when you scrolled down, it went up. (As in, it didn't stay at the bottom of the screen always.) That may have been when I was using a container div. I know at one point I managed to get the same bug - the set at bottom of first screen footer - on Firefox as well.