Real World HTML: Rounded Corners Box

I've used the following CSS to create round corners and tabs (No images required). It doesn't work in all browsers though (like IE8), but it's really easy to style and modify.

-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:4px solid black; padding:12px;

More info on this blog post:
http://insideria.com/2010/04/adding-rounded-corner...

I'm must live on the other side of the real world where all websites function properly regardless of whether or not an element has rounded corners. I was required to add support for this visual style in IE, I'd use a jQuery function with browser detection to insert the IE-hacked divs into the DOM (especially since working with PNGs and IE6 already requires a hack). This would allow you to use only CSS while detecting whether you need to add support for IE browsers. This creates less code to maintain and you can always disable support globally by updating the single script instead of searching through code to modify the doubled DIVs.

Here's an example of how to wrap extra DIVs around your code (from 2006):
http://15daysofjquery.com/wrap-it-up-pretty-corner...

There are other javascript-based solutions too:
http://www.curvycorners.net/
http://jquery.malsup.com/corner/
http://blue-anvil.com/jquerycurvycorners/test.html...