Create rounded corners with CSS

World Wide Consortium (W3C) has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items. The code is quite simple but not work with IEs. Let’s hope IE also will include the new CSS3 option soon.

For example:

<div style=" background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >