border-radius not working in IE6,7, and 8

[prateekjadhwani]

It seems that even though i am using the following code, there seems to be no border-radius in the above mentioned browsers. And yes, the path to PIE.htc is correct.

here is what it looks like in IE8

Here is what it looks like in chrome

/* input field styling */
input[type='text'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    border-radius: 5px;
    color:#878787;
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
    min-width: 400px;
    height: 35px;
    overflow: hidden;
    background: white;
    border: 2px solid #ccc;
    behavior: url(CSS3PIE/PIE.htc);
}

[pamtaro]

@prateekjadhwani I got this to work by also adding

        position: relative;
        z-index:1;

[gongph]

@prateekjadhwani The problem has been solved. Please look at this here： http://css3pie.com/documentation/pie-js/