I recently was doing some css development, and ran into a right little head scratcher

I was having some positioning issues with a background image, and so i wanted to specify that in Internet Explorer, you use one image, in any other browser you use another

In my Css i had seperated it out into using a header element and a header_ie element

My first port of call was http://www.conditional-css.com/usage

Getting the [if IE] working was perfect, however getting the counter of it was more difficult

The suggested method is below
[if ! Opera] - Used if the browser is not Opera (for example)

However this did not work for me at all. After some poking around i found the answer, but for the life of me i cannot find the site again.

The below code works fine, note the additional exclamation marks

<!--[if !IE]><!--><div id="header"><!--<![endif]-->
<!--[if IE]><div id="header_ie"><![endif]-->