CSS IE Only
I’m currently working on a website and trying to overcome the css issue that is IE (Internet Explorer).
It can be a dangerous thing using an Apple Macbook when building a website. Everything is coded up and looking good then all of a sudden you think @£$% I’ve forgotten about Windows users and the evil IE6.
So I log in to my Adobe BrowserLab account (a highly recommended tool) and find that all browsers look great other than IE6 & IE7. So my solution was to query ‘css ie only’ and find a great article by Chris Coyier @ CSS Tricks called How To Create an IE-Only Stylesheet.
So I decided to focus on IE7 and below since IE8 was working just fine, using the following code;
<!—[if lt IE 8]>
<link rel=”stylesheet” type=”text/css” href=”style_ie.css” mce_href=”style_ie.css” />
<![endif]—>
All seemed to work fine at first until I looked at other pages such as ../about/ where the issue remained? So I tried the following without luck;
<!—[if lt IE 8]>
<link rel=”stylesheet” type=”text/css” href=”../style_ie.css” mce_href=”style_ie.css” />
<![endif]—>
I even tried the actual url of the IE stylesheet but it still doesn’t work.
Does anyone have experience with doing CSS for IE only and have a solution for this please?

