div with rounded curve ( Create div with rounded edges)

<div id="cat_div" class="bl" >
<div class="br"><div class="tl"><div class="tr">

<asp:TextBox ID="cat_name2" runat="server" ></asp:TextBox>
<asp:button ID="sav_cat" OnClientClick=" return save_cat2_ajax()" CssClass="button" Text="Save Category" runat="server" />
<asp:ImageButton runat="server" ImageUrl="../images/close.jpg" OnClientClick="return close_div()" />
</div></div></div>
</div>
&lt;div class="clear"> </div>




css
.bl {background: url('../images/bl.gif') 0 100% no-repeat #e68200; width: 20em}
.br {background: url('../images/br.gif') 100% 100% no-repeat}
.tl {background: url('../images/tl.gif') 0 0 no-repeat}
.tr {background: url('../images/tr.gif') 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}


output