{Gecko engine only} CSS3 imageless rounded corners

Hey guys check this out: http://virtuelvis.com/archives/2004/11/imageless-rounded-corners

The official syntax is as follows:

border-radius: <length> <length>;

Here is an example:

This is an example.
The code i’m using is -moz-border-radius:10px;

Take note that this module is not supported by any browser, which means your borders will have squared borders even if you have declared the code above. Here’s what they say:

At the time of writing, the border-radius properties are not supported in any browser, since the CSS3 border module is still in “Working Draft” status.

However, browsers based on the Gecko rendering engine (Firefox, Mozilla) has experimental support for the border-radius property, and use the vendor-specific -moz- prefix for the properties, making it -moz-border-radius

Good news for Firefox 3 users!

Here’s the working draft at W3C