Rounded corners on DIVs without using images

Question

I tried to use jquery.corner.js and it works well in FF but on IE, it adds several breaks and makes the div look "longer". I found several ways of rounding corners using images, but it really gets tedious trying to create images for every corner.

There are some approaches that work only on FF, Opera (and other Mozilla based browsers) but not on IE.

Is there a way to round corners on a div/textbox that works across all browsers without using images?

Answer 1

No.

But have a look at CSS Rounded Corners In All Browsers (With No Images).

Answer 2

or you can do what everyone will eventually do, stop baby-sitting ie. you want to have rounded corner, set this as standard css rules. user browsing with ie wont benefit from it, unless this is a strong requirements it will simplify your job greatly and maybe help people to switch (or at least update) their browser.