How to make rounded corner using CSS

hi

I am trying to make rounded corner rectangle using css. I am not able to make it , can anyone tell me how can I do that?

Firefox, Safari and Chrome all support rounded corners through native CSS methods. But in IE it doesnt work.

The following is the CSS codespec in which border-radius of 30 pixels is applied to the container div with the class ’rounded-corners’:

.rounded-corners {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
border-radius: 20px;
height:100px;/* height value can be according to your requirement */
width:500px;/* width value can be according to your requirement */
border:1px solid #000000;
}

Hope this works for you..