Question

Possible Duplicate:
Bang IE7 – What does it mean?

I’m currently working through differences in the way IE 7 renders my web site, and I came across this style in the StackOverflow stylesheet:

#header {
    width:960px;
    height:120px;
    margin:0 auto;
    padding-bottom:15px !ie7;
}

Could someone explain what !ie7 is? I’m wondering if this is something I could make use of as well. Apologies if this is something obvious; my knowledge of CSS is still fairly basic.

Answer 1

In your example it means padding-bottom:15px will only work in <IE7 and not any other browser. The property referenced with !IE7 means it will only work in <IE7. Try it out in the link i provided below and view it using different browsers. I have !IE7 on the border property. So border will only show if browser is IE7 or below.

See working example at http://jsfiddle.net/qGv4P/