Nov 242011
The code below gives rounded corners to many HTML elements, it does not need any image, or javascript or some special trick, just simple css style.
It works perfectly on Firefox, Safari and Chrome.
It does not work on Internet Explorer, but IE users do not deserve some beautiful rounded corners.
Actually I’ve used it on various elements like to obtain rounded DIV and rounded INPUT elements, it works like a charm.
.rounded-corners {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

Works in IE9 : )
Latest browsers support the W3C valid border-radius, so for example firefox doesn’t require the -moz-border-radius.