ie.css not overridding other .css

If both backgrounds are being applied, it would seem that the module is working correctly. Its function is simply to put the stylesheet tag inside of conditional comments. So the fact that you're seeing both backgrounds at once in IE means that the module is doing its job and that your CSS isn't right for the effect you want. I would be happy to help if you provided a link so that I could see the CSS.

Dont forget CSS is a cascading language so, it might be the case that your not using the same class names or IDs so the styles you want to use for IE are not replacing the ones you have defined in your other style sheet.

Hope that helps

I just add

!important

to my IE rule.
See http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

I'm having a similar problem. I have some rules in a css file that I try to override in the ie.css file that is put inside a conditional comment by this module, but it does not work. However, this is not directly a problem of this module but an IE problem since this module is working fine, it adds the conditional code correctly. The problem is that IE is not overriding the original css values from the first file with the ones in the latter file.

Furthermore, at the theme's .info file I have added the ie.css file to the end of of the stylesheets[all][] list so it gets included on all browsers and here is the funny thing: Firefox overrides the css values but IE 8 not!

So I guess that what heatherBoylan and I need is some advice in how to get IE to override the css values.

Here is some of the original css I'm using in the view-styles.css file of a Zen 2 sub-theme:

.view.view-rotating-teasers {
  margin: 1em 0;
  border: solid 1px #7F7F7F;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  
  background-image: url('../images/bg-teaser-rotor.png');
  background-repeat: repeat-x;
}

.view.view-rotating-teasers .views-field-title a:link, 
.view.view-rotating-teasers .views-field-title a:visited 
{
  color: #FFF;
  text-decoration: none;
  font-family: "impact", "helvetica", "freesans", "arial", "nimbus sans", sans-serif;
}

And this is the code in the ie.css file that is aimed to override some values:

.view.view-rotating-teasers {
  background-image: none !important;
}

.view.view-rotating-teasers .views-field-title a:link, 
.view.view-rotating-teasers .views-field-title a:visited 
{
  color: #FFA500 !important;
}

As I said, on Firefox (after adding the ie.css file to the list of stylesheets) the values are change but on IE 8 it doesn't work.

Then I thought that maybe it is because those are dynamic items so I also changed the document background, just to test. So the code on ie.css now is:

.view.view-rotating-teasers {
  background-image: none !important;
}

.view.view-rotating-teasers .views-field-title a:link, 
.view.view-rotating-teasers .views-field-title a:visited 
{
  color: #FFA500 !important;
}
 
body {
  background-image: none;
  background-color: green;
}

But the problem remains, on Firefox the background now is green but on IE I keep seeing the original background.

What am I doing wrong? Should I make a blood sacrifice to the Redmond gods to make this work? or should I keep scaring away my windoze IE only clients by asking them to install Chrome, Firefox or Opera?

@jaimesilva IE (all versions) ignores all css files after the 31st. Install http://drupal.org/project/unlimited_css and see if your problem persists. I just had the same problem last week and spent hours scratching my head, in addition to a partially sleepless night.

@jaimesilva If the 31-file limit is indeed your problem, you might want to look at the issue #901974: On the project's home page, document IE's 31 stylesheet file limit

alberto56 you nailed it! thanks a lot!

Now I'm using IE Unlimited CSS on my development site and activating CSS performance optimization on the production site.

Btw, did you know my name is Jaime Alberto, we're "tocayos" :D

@jaimesilva glad to hear it! I use IE Unlimited CSS on all my sites now to avoid this problem!

Thanks for the tips here - I spent maybe over 3 hours absolutely bewildered over why my IE7 conditional seemed not to be working. Enabling OPTIMIZE CSS FILES under /admin/settings/performance/default solved my problem.

IE is the evil.

polishyourimage, thank you very much!

#901974: On the project's home page, document IE's 31 stylesheet file limit is fixed.