Hi all, I'm having some wacky problems with a new page design I'm working on and it's blowing my mind because this is a very simple layout. I'm centering just about everything and using infinite width containers but I had no idea this was going to be such a hassle with the IEs and even Firefox.
http://raymondrodriguez.net/clients/obrien/ The masthead is divided into two rows and they both have an image that needs centering (and they each have their own background patterns) but they're not lining up. This happened as soon as I added a short paragraph to the lower row and I can't figure out why! Only centers properly in IE 6 & 7 (go figure). Here's the CSS: #box_masthead1 { height: 70px; background: #D99605 url(images/masthead1_bg.jpg) repeat-x bottom left; margin: 0 auto; } #box_masthead1 img { margin:auto 0; border:0; padding:0; } #box_masthead2 { margin: auto 0; height: 159px; background: #E8C20A url(images/masthead2_bg.jpg) repeat-x bottom left; text-align: center; } #shieldbottom { margin: auto 0; height:159px; width:832px; background: #E8C20A url(images/masthead2.jpg) no-repeat top center; text-align: center; } #shieldbottom p { font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #035315; padding: 130px 0 0 0; } I hope you guys see something I don't because I'm pretty lost at this point. And yes, I know the nav is really messed up, too. I think I'll revert to using image navs again. THANK YOU for all of your helpful advice! Raymond ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
