Help centering elements on page in CSS

[RiderOfTheStorm]

Hi, I'm trying to make a tableless layout with CSS where I have a banner on top, a drop-down navigation underneath, and then a third area for content (as noted by the two boxes).

Now the first problem I'm having is that the banner isn't centering, even though I used
margin: auto; Plus it's on top of the the navigation menu.

Second, I tried using a box-model hack I found from a tutorial to center the banner, menu, and content area in the container but I'm getting results that are off-centered in Netscape, and Opera. Of course it looks fine in IE. I'm on a Windows machine BTW.

I'm getting frustrated at this point. Can anyone please correct my code and show me where exactly I'm missing the plot? I need to understand this so I don't wind up reverting to tables. Thanks.

Link to my page

[Till]

Looks fine to me (Firefox here). Did you try text-align?

Till

[cssiscool]

cross-browser horizontal centering. use both methods in your page.

<style type="text/css">
body {
/* center for internet explorer */
text-align:center;
/* center for all other browsers */
margin:0 auto;
}
</style>