Rounded corners in IE browsers:

JQuery UI has many features one of them is rounded corners that uses CSS3’s border-radius property. Unfortunately it is not browser compatible; it is supported by FireFox, Chrome, Safari and Opera but not supported by less than IE9 browsers. Most of us want websites looks same and good in all major browsers.

I also faced this issue that rounded corners were not working in IE browsers so I searched on internet to find solution. I found DD_roundies library and it works in IE browsers.

Introduction to DD_roundies library:
DD_roundies is javascript library authored be Drew Diller. It comes up with an approach to bringing rounded corners to Internet Explorer. DD_roundies uses IE’s proprietary VML drawing language that creates small images representing corners of elements which are needed to round.

Following is examples for rounded corners in IE:

DD_roundies.addRule('.allrounded', '8px');
DD_roundies.addRule('.toprounded', '8px 8px 0 0');
DD_roundies.addRule('.bottomrounded', '0 0 8px 8px');
DD_roundies.addRule('.rightrounded', '0 8px 8px 0');
DD_roundies.addRule('.leftrounded', '8px 0 0 8px');
DD_roundies.addRule('.topleft', '8px 0 0 0');
DD_roundies.addRule('.topright', '0 8px 0 0');
DD_roundies.addRule('.bottomright', '0 0 8px 0');
DD_roundies.addRule('.bottomleft', '0 0 0 8px');

Demo & Download