CSS border-radius problem in IE

I have a problem with border-radius. I have CSS like this:

div#askWindow, div#orderWindow{
position: fixed;
top: 17%;
left: 50%;
margin-left: -128px;
width: 257px;
background-color:#fff;
padding:10px 20px;
-moz-border-radius: 20px;
-webkit-border开发者_高级运维-radius: 20px;
-khtml-border-radius: 20px;     
border-radius: 20px;
behavior: url(PIE.htc);}

Actually, it's css for jqModal windows, but i've tried this stuff without plugin. In IE8 there is no effect with it. It seems the same thing with IE7. Where am I wrong here?

---

The CSS border-radius property (and all browser variations) do not work in IE8 or below. Those versions do not implement CSS3.

EDIT #1

Because you are using CSS3PIE, make sure the path to the rule file is correct. Where is it located relative to your stylesheet?

EDIT #2

The CSS3PIE site hosts their PIE.htc file in their root server directory. Try placing yours there and use behavior: url(/PIE.htc) in the stylesheet.

---

According to my understanding of this page and the given examples, you must put your .htc into the same folder of your document if you are using url(name.htc), not inside you css folder, unless it is also the same dir where your document is.

I.e. the relative URL is relative to the document root (e.g. localhost/index.html), not to the dir where the css that defines the property is (localhost/css/).