Hi all
Below is one of the example to display a container with rounded corners in all the browsers.
HTML Source
<html>
<head>
<title>Rounded Corner</title>
<style type="text/css">
.roundcont {
width: 285px;
background-color: #f90;
color: #fff;
}
.roundtop {
background: url(tr.gif) no-repeat top right;
}
.roundbottom {
background: url(br.gif) no-repeat top right;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
</style>
</head>
<body>
<div class="roundcont">
<div class="roundtop">
<img src="tl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" />
</div>
<p> <center>This is the example for displaying Rounded Corners</center></p>
<div class="roundbottom">
<img src="bl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" />
</div>
</div>
</body>
</html>
Images used (Save in the folder in which you are placing the HTML file)
Output will be like the below one,
Diwakar 
Its worked for me. Very nice.
Its good one.. I worked it this rounded corners..