Puzzling issue with cross-browser compatibility

HTML & CSS
1

I’ve got a design that I’m working on and all my layouts are working fine in Chrome, FF, and Safari. IE 8 is behaving, but when switching on compatibility mode it breaks and it does not render correctly in Opera 10 either. I use a CSS reset to standardize everything (I know some folks here hate that) but it’s not correcting the problems in those two browsers.

It seems like a positioning and margin problem. Here is the site if you wouldn’t mind taking a look and offering a little feedback.

http://s98021.gridserver.com/

I’m still in the development stage for this site, so it may be a bit messy, but I’d appreciate any input or help.

2

Paul - thank you. I appreciate your response. Worked perfectly! Sometimes it pays to have another set of eyes on your work!

Thanks again.

3

Hi,

Try clearing the header-wrapper.


#header-wrapper{clear:both}