Why isn't my CSS working in IE?

I set a curve style for button and tab control. It's working properly in Firefox, but not in IE.

Here is the CSS:

-webk开发者_开发知识库it-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;

-webkit-border-radius: 15px; /* Experimental implementation of CSS 3 feature for webkit */
-moz-border-radius: 15px;    /* Experimental implementation of CSS 3 feature for Mozilla */
-o-border-radius: 15px;      /* Experimental implementation of CSS 3 feature for Opera */
border-radius: 15px;         /* CSS 3 feature that is not yet a recommendation */

You shouldn't expect to see support in it for Internet Explorer (except version 9 beta)

However, it is just cosmetic, so don't worry about it. People using Internet Explorer just don't get curved corners — it isn't a big deal, the content is still available.

IE isn't able to work with that. If you want to curve your edges in IE you'll have to use another approach.

You can't do this in IE I believe. There are some hacks to get it to work though. I've used this before and I think it good with older vs. of ie too. http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

If you really wnt a curved corner in IE go to Curvycorners & download a stable version of it. Its just a javaScript file. Then refer the "curvycorners.src.js" file from your project & write the same CSS code you are writing "-webkit-border-radius: 15px; -moz-border-radius: 15px; " except the other two properties. It will definitely work. Works for me, so for you.

if you want to apply CSS in IE8 or greater then it may no need to changes in CSS as you declare in FF but if you need to use IE7 then you may need to use below syntax.

#webkit-border-radius: 15px;
#moz-border-radius: 15px;
#o-border-radius: 15px;
#border-radius: 15px;

Thanks.