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