target all browsers except IE if statement <!--[if !IE]> shows in FF

I am creating a template, and I have two different CSS styling sheets. One for IE and one for all other browsers.

I found a solution to target all browsers and IE browsers.

In my header I indicate:

<!--[if !IE]><!--><link rel="stylesheet" href="path/templates/thisTemplate/css/the-pack.css" type="text/css" /><!--<![endif]--开发者_Go百科>

<!--[if IE]><link rel="stylesheet" href="path/templates/thisTemplate/css/template_ie_lt_9.css" type="text/css" /><!--<![endif]-->

The style sheets work fine. Except that firefox shows the text <!--[if !IE]> at the beginning of the page

Can you provide me with proper alternatives? Or why is this text showing, even though is in the head element, and what do I need to do for this not to show?

Thank you

The end of a positive conditional comment is just <![endif]-->, do not restart a new comment:

<!--[if IE]><link rel="stylesheet"
href="path/templates/thisTemplate/css/template_ie_lt_9.css" type="text/css" />
<![endif]-->

Wikipedia says:

<!--[if gt IE 6]><!-->
This code displays on non-IE browsers and on IE 7 or higher.
<!--<![endif]-->

So, maybe you should change if !IE with if gt IE 9?

More info: http://reference.sitepoint.com/css/conditionalcomments

This should probably be the code:

<!--[if !IE]><link rel="stylesheet" href="path/templates/thisTemplate/css/the-pack.css" type="text/css" /><![endif]-->
<!--[if IE]><link rel="stylesheet" href="path/templates/thisTemplate/css/template_ie_lt_9.css" type="text/css" /><![endif]-->

Greetz,

XpertEase

An old question but more relevant than ever so another possible solution.

<link rel="stylesheet" href="/css/style.css" media="(min-width:0px)">

<!--[if (lt IE 9) & (!IEMobile)]>
    <link rel="stylesheet" href="/css/ie.css">
<![endif]-->

You can avoid conditionals by using the media attribute, this is not understood by older browsers so the file does not get loaded.