I'm really just posting in responce to this: because what I have found is that if you do things to the standards thing will work very well accross browsers which support standards.
Originally posted by slider
One thing I've learned in my short time trying to learn CSS page layout is that there's many different ways to do one thing. And about half work in IE and don't work in NN/Mozilla, and the other half work in NN/Mozilla and not in IE. You have to find the one way that works in both, and the only way I've found to do that so far (haven't been at this long) is to try it from different angles.
I know that's not much help, but keep at it and you'll get it looking good in both.
In this case, NN4 doesn't support standards, so my reccomendation is to dump it
The main problem I see, is the way that you are going about getting the whole page centered. It shouldn't work (and in Mozilla it doesn't)
Fix: do it by the standards.
It won't work in NN4, but hopefully you're not trying to this far down the page
Why does it work?
Well, as its "position: absolute;" instead of "position: relative;" it means that all the divs inside it which are also "position: absolute;" will line up with it, instead of with the browser window itself.
Really, you sould be working to XHTML too, your doctype is "HTML 4.01 Transitional". Replace this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Then go to: http://validator.w3.org/ and try and get it to pass... then you're much closer to getting it to work
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"