Rounded Corners in IE8?

Question

I'm having a bit of difficulty getting rounded corners to work in internet explorer 8. I've been trying to use a jQuery plugin to make it work, but there is an issue. This plugin only works if the div has a background color. What I'm trying to do is give rounded corners to a div that is a white square with a blue border. I want the blue border to be rounded, similar to the way border-radius works. If anyone has any suggestions on making this work, please let me know. Thanks!

Answer 1

You can use CSS3 PIE for this.

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

Answer 2

Border radius is not supported by Internet Explorer 8 - as per http://caniuse.com/#search=border-radius

You can download a polyfill such as CSS3PIE which will allow you to use CSS3 on older browsers you can see a border-radius demo here