CSS \9 in width property

Solution 1:

\9 is a "CSS hack" specific to Internet Explorer 7, 8, & 9.

This simply means that the one specific line of CSS ending with a \9; in place of the ; is only valid in IE 7, 8, & 9.

In your example,

width: 500px\9; means that a width of 500 pixels (same result as width: 500px;) will only be applied while using IE 7, 8, & 9.

All other browsers will ignore width: 500px\9; entirely, and therefore not apply width: 500px; to the element at all.

If your CSS looked like this...

#myElement {
    width: 300px;
    width: 500px\9;
}

The result would be #myElement 500 pixels wide in IE 7, 8, & 9, while in all other browsers, #myElement would be 300 pixels wide.

More info


EDIT:

This answer was written in 2011. It should now be noted that this hack also works in IE 10.

Solution 2:

It's a css hack for IE9 & below version

write like this:

width: 500px\9;

Read this article http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/