CSS Rounded Corners without using images

********CSS style *******
body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
p {
color:#333333;

}
.container {
background:#e1e1e1;
color:#fff;
margin:0 15px;
}

.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#e1e1e1;

}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

See some sample rounded corners --> http://webdesign.about.com/od/examples/l/bl_cssroundedcorners.htm