I'm trying to apply *some* CSS that's only for older IE browser.

The way to do that seems to be with an IF IE tag in the .html
So I'm thinking the most elegant way to do that is to have:

*Standard.css*  

and then put the .css that is different, only for IE, in
*IE.css*

And then reference the IE.css but only if it's an IE browser.
So IE browsers get *both* CSSs.

And there's the issue: 

I want to make sure that the IE.css overrules the same named elements in *Standard.css*.

IE.css will have the same styles, just different values.

**UPDATE:**

I am trying to avoid having two alternative .css files. I want to have a *standard.css* and then a small IE.css that has only css rules that I want to override for IE>

So IE would render *standard.css* + have some rules in it overriden by *IE.css*

Example:

If Standard.css has 10 rules and only 2 of them needed to be different for IE then I'd like to have:
Standard.css with 10 rules.
IE.css with *just 2 rules* that override 2 rules in Standard.css

That way, when I make changes to Standard.css that don't involve IE (which is 99% of those rules) I don't have to make changes to IE.css as well.