IE Explorer CSS Discrepancy Between IE6, IE7, IE8 & IE9

Problem

No version of IE is displaying my css template the same. Does anyone know what the causes of the differences are?

Currently the site works perfectly in Chrome, Firefox and Safari so now comes IE testing (the bane of my life, and surprise surprise it’s not working but it has be stumped).

Can anyone explain what is causing the problems? Things I have noticed: background missing in IE9, gaps around background in IE7, page simply not there IE6, margins wrong IE*

Dead link



Update, after following advice IE7, 8 & 9 still have trouble displaying the background, does anyone know why?

Problem courtesy of: Pez Cuckow

Solution

“Does anyone know what the causes of the differences are?”

The cause is that MS is a gigantic corporation with an immense installed user base. MS also has tightly intertwined enterprise software offerings and has made IE a part of that tangled mess. As such, the incentive to release fully W3C compliant browser engines isn’t there, and as IE isn’t a direct money maker for them, that just compounds the issue.

“Can anyone explain what is causing the problems? “

Not in one answer. The bugs are immense and vary from version to version. IE9 is pretty close to being standard. IE8 is acceptable. IE7 is a pain and IE6 will just cause you to swear and throw things.

Fortunately, someone at MS knew this was an issue and managed to get conditional comments implemented in IE that lets you target specific content for specific versions of IE. A gigantic hack, for sure, but thankfully we at least have that. This is a good method that lots of people use:

Solution courtesy of: DA.

View additional discussion.