Cannot SEE border-radius on IE8 using PIE.htc

See more:

CSS

HTML

Hello All,

I am trying to render border-radius on IE8 using PIE.htc. I have the following class under style.css

.roundedButton{
    background: url("sprite-v-v1.gif") repeat-x scroll 0 0 #03963F;
    border: 1px solid #456D8B !important;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    padding:0 25px;
    behavior:url("images/PIE.htc");
}

The below is the my project's directory structure

MyProject(Folder)
---- images(Folder)
------ PIE.htc(file)
---- MyThemes(Folder)
------ Styles(Folder)
-------- style.css(file)

So from style.css am referring the PIE.htc as "../images/PIE.htc" but I cannot see the background in this case or expected border-radius.
When I refer this as "images/PIC.htc" I can see the background but still not border-radius.


Could you please provide me your valuable inputs in resolving this issue.

Thanks in Advance
Yashwanth.