Rounded corners not working in IE

[somendra11]

I am working on wordpress theme. Many websites and especially wordpress using rounded corners and I also want to use them, making my boxes look like this: illbequirky.com. The problem is it doesn't work in IE. Can anyone suggest me what should I do?

[ChillDot]

This is a know issue with IE, there are a lot of solutions on Google, but i know the old trick was to make a background image with the rounded corners and a transparent area next to it so the box appears to have rounded corners.
Fortunately IE9 + rounded corners do work, just we will have to wait until 7 and 8 become extinct....

IE Sucks....

[NathanielB]

As noted above, IE sucks and is possible the worst browser to work with (I still don't like IE9 and don't think I ever will like IE after all the ****ty old versions we have had to work with).

This link CSS Rounded Corners - border-radius has a number of good options for you, but which one you use would depend on what your trying to do and how you want to do it (css, images, java etc)?

Personally I would use curved-corner - CSS curved corner - Google Project Hosting and simply place this code where you need the rounded corners:

.rounded-corners {
    behavior: url(/css/border-radius.htc);
    border-radius: 20px;
}

Here's another link I found from a simple google for "rounded corners in IE" CSS Rounded Corners In All Browsers (With No Images) | Jon Raasch's Blog it has some more info on the curved corner script for IE.

P.S. This is only a fix for IE, so you will still need to keep your same CSS code for other browsers as explained in the above link.

[fariadali]

Round corners are CSS3 properties that are not supported by versions below IE8. The only way this can be achieved is by making use of an image with rounded corners.