Content moves up underneath my header in IE

[HeatherFeimster]

Hey y’all – I’m having trouble figuring the best way to fix this bug.

My site – http://kingarthurjewelry.com/ – is breaking a little tiny bit in IE. The main content is flowing up underneath the header, almost like IE isn’t recognizing the space is taken up already. Since this is an ecommerce site, it uses php calls for the header/footer (and a bunch of other stuff). Is that whats messing with IE?

My other thought was that it was an overflow problem, but I’m not really sure how I should address it since it’s browser specific. I know I could make a second css doc for IE, but would that solve the issue?

Thanks for any pointers or help!

[whiteInkDesign]

Is it lte IE9? or just IE7/6? A quick CSS validation shows a couple things like assigning auto and negative padding to selectors (invalid code). While a validation will report errors that aren’t actually errors (ex. using vendor prefixes), its a good starting place to troubleshoot problems. Using php includes shouldn’t affect anything.

[HeatherFeimster]

Works perfectly! (at least in my testing!) Thanks so much!

[Author]

Posts