IE Rounded Corners and CSS3

Web designer used more and more rounded corner design for cool looking website. The only problem I have with that is, IE6, IE7 and IE8 do not support rounded corner and most CSS3 features.

Most of us, web developers do two things for rounder corner:

1. Ignore IE and lets make other bowser render rounded corner.

I did this most of the time. As long as the content shows properly I'm okay but not from Designer perspective :).

2. Or use JavaScript or ".htc" file to fix the rounder corner.

There are many good JavaScript libraries out there to do this. But, I like CSS3PIE the most. I only need to add "behavior: url(path/to/PIE.htc);" in the CSS to render rounder corner and doesn't need any JavaScript hack, cool isn't it.

This is what they says in CSS3PIE website :

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

If the above solution is not for you why not try these other jQuery goodies:

1. http://jquery.malsup.com/corner/
2. http://code.google.com/p/jquerycurvycorners/