I have a CSS related question... I'm working in 4 browsers (FireFox, Safari, IE6, and IE7 - -separately).
The only one that's giving me an issue is IE7.... does anyone know how to tell the browser to look for a specific style sheet?

I tried this...

<!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7Fix.css" /> 
 <![endif]-->

Even though I'm already running this:

<script type="text/javascript">
     if (document.createStyleSheet)
         document.createStyleSheet("<%= SkinPath %>ieFix.css");
 </script>

OR - Does anyone know how to make it look at more than one stylesheet at a time or combine them by taking the above code and splitting it up?
I'm stuck and I need this to work for my job... the boss is kinda riding me.

If you're just trying to put in fixes for IE7, the first code sample is preferable, should javascript be disabled. You can link to as many stylesheets as you want, bearing in mind that the browser will read them in the order they are linked to, and whatever rules come last for a specific class/ID will be what are used. And a local style rule will override those.

tim

Ah, you are correct! Thanks...

<!--[if IE 6]>
    <link href="ieFix.css" rel="stylesheet" type="text/css">
<![endif]-->
<!--[if IE 7]
    <link href="ie7Fix.css" rel="stylesheet" type="text/css">
<![endif]-->

It's always the simple things that catch me off guard... and cause me to panic.

Thanks again. You rock!

ah the style sheet wars. Yes, and one code to rule them all....