Finally you can now create rounded corners for all new browsers with just css!

At the moment I know that IE9, Firefox 4 & Chrome 10 all support this feature so you should try and make use of it and cut down on background images to improve page load times.

The code to do it is now available due to CSS3 and is used as follows:

Code:
.example {
     border-radius: 15px;
}
This will give your object a 15px rounded border, you can then specify the color and style as you would with any border!

Why is this important to use?

Before this code it was very tricky to make rounded objects that appeared the same in all browsers without a background image, with that background image the page load time was increased.

Google now include page load time in their search algorithm so if you want a better ranking it's good to have the smallest possible load times and this new CSS certainly helps do just that!

Be creative ..

It's also simple to now create circles with this code so simple designs can now be made more complex very easily and I'd expect websites to start changing in design in the next few months with this new CSS3 and HTML5.