Can anyone tell me how can I have Rounded corner using css?

#div {
width: 100px;
height: 100px; 
border-color: #000;
float: left;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

This is only for firefox

Here's a result I got by pasting the title of your thread into Google <-- this is great http://www.google.com/search?q=round...ient=firefox-a

or this for example
http://www.456bereastreet.com/lab/fl...rners_borders/

Nested divs help..

http://www.webcredible.co.uk/user-fr...rs-boxes.shtml

^ used for divs with a background colour.

http://www.webcredible.co.uk/user-fr...-borders.shtml

^ without background colour (just a curved border)