Today I was working on a site for a customer. Unfortunately all at the company used IE6 and IE7, so I really had to make it look good in the two. I was hacking on and suddenly I discovered a very, very weird behavior in IE6. The background color of one element was “leaking” over onto other elements on the site. VERY STRANGE!
So I started my investigation looking for errors in the outputted HTML. Found non. I went thorough my CSS – nothing … Then I started to take out code of the page, piece by piece to see if I could get it to disappear. After a long while I discovered it was too simple HTML comments screwing everything up. Two simple comments. I couldn’t believe it! So, so stupid (and so, so Internet Explorer 6).
<!-- Main -->
<!-- WP Start -->
Yup! That’s it. And it took me hours to find it. I should Microsoft the bill … But wait, they did pay the bill! Haha! Later I discovered I’m not the only one with this problem. You can find more on the issue over at Position Is Everything.
Later!