I need help defining a conditional IE stylesheet in my .info file.
I am using the Zen starterkit as my base theme, and I have the conditional stylesheet module installed and enabled. I have added an ie.css file added to my css directory along with my other stylesheets. In that ie.css file, I have changed the background to an obnoxious color to confirm when the stylesheet is being used appropriately.
However, I have been struggling with what I need to put in my .info file. I have researched as much as I could and read the help.txt file multiple times. I just want this stylesheet to target IE. I do not want to create one for each version. This site will not support ie6 and ie7 anyways.
Here is what I currently have defined in my .info file for it:
stylesheets-conditional[if IE][all] = css/ie.css
I have also tried this that just results with that stylesheet loading for all browsers:
stylesheets-conditional[!IE][all] = css/ie.css
So far with all of my attempts, I can either get it to act as a normal stylesheet, having it override my other styles, or not having it load at all. Is there something I need to add in my page templates that I am overlooking?
I have this in the head of my html.tpl.php as well (I have my actual theme name in there):
<!--[if IE]><link rel="stylesheet" type="text/css" href="sites/all/themes/THEMENAME/css/ie.css" /><![endif]-->
Other resources that I have used:
2) Add conditional stylesheet CSS for internet explorer only (not trying to use this method)