CSS / HTML - drawing a rectangle with round corners

This was my first encounter with CSS3 and it was pretty interesting too.

Following CSS / HTML code-snippet helps drawing a rectangle with round corners:

Code:


Output:


The key to make it browser independent is to make it work on older versions of Internet Explorer. For this you will need an .htc file. This file contains a bunch of javascript functions that will ensure round edges to an html element like div or td.