Creating Rounded Corners - Cascading Style Sheets

<style>
.roundcont {
    width: 100%;
    background-color: #335577;
    color: red;
}
.roundcont h1 {
    margin: 0 10px;
}
.roundtop { 
    background: url({THEMEPATH}images/cornerne.gif) no-repeat top right; 
}
.roundbottom {
    background: url({THEMEPATH}images/cornerse.gif) no-repeat top right; 
}
img.corner {
    width: 8px;
    height: 8px;
    border: none;
    display: block;
}
</style>
<div class="roundcont">
    <div class="roundtop">
        <img src="{THEMEPATH}images/cornernw.gif" alt="" width="8" 
            height="8" class="corner" style="display: block;" />
    </div>
    <!-- CONTENT GOES HERE -->  
    <div class="roundbottom">
        <img src="{THEMEPATH}images/cornersw.gif" alt="" 
	     width="8" height="8" class="corner" 
	     style="display: block;" />
    </div>
</div>