How to make rounded border in IE8 with CSS?

Question

I would like to know how to make rounded border in IE8. I\'m using

-moz-border-radius:4px;
-webkit-border-radius:4px;

for mozilla and safar

Answer 1

You can use CSS3 PIE for this. It's easy to implement. Just download it here: http://css3pie.com/download/ and extract its contents. Then, on your stylesheet, just put behavior:url(css3pie/PIE.htc); along with the css codes of each element that uses border-radius.

For example:

.samplediv{
    behavior:url(css3pie/PIE.htc);
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;       
    -moz-border-radius:10px;           
    border-radius:10px;               
}