border radius in css

Question

I am fetching a problem during fix the browser compatibility issue in IE8. I use the following code:

input[type="submit"],input[type="reset"] {
    border:0px;
    /*background-image:url(../images/button.jpg);*/
    background-color:#3778aa;
    background-repeat:repeat-x;
    width:79px;
    height:27px;
    cursor:pointer;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#ffffff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    behavior: url(../images/ie-css3.htc); 
}

and "ie-css3.htc" file place in the right place. But still the curve for IE8 is not working. Please help me out.

Answer 1

I don't know the behaviour property, but maybe the CSS3 Pie javascript library would do the job for you:

PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.