For some reason a website that recently went live has now completely screwed in IE9. Not sure what has happened to screw it all up but I’m left desperately needing to apply the fixes as the site is actually live.
There are some major ones and some minor ones.
The site is http://bit.ly/8oRMih
The site views fine in Firefox and Chrome.
When viewed in IE9, the left hand sidebar (left_column) doesn’t appear horizontally level with the jQuery slider (jtabslider).
The CSS for the id left_column is…
clear: left;
width: 200px;
margin-top: -34px;
margin-right: 10px;
overflow: hidden;
border-left: 4px solid #990000;
border-right: 4px solid #990000;
border-bottom: 4px solid #990000;
None of our designers are free currently and I’m simply hopeless at debugging for IE so would be really grateful if any CSS wizards could lend a hand in resolving the issues if possible please.
Let me know if there is more info needed from me.
Thanks in advance.
Validate your HTML.
The problem is the first issue listed:
No doctype means that IE is using quirks mode which emulates IE5.5. Which sucks. So your site looks broken.