CSS implements Div table rounded corners

Code:

<Style>
<! --
. Xtop,. xbottom {display: block; background: transparent; font-size: 1px ;}
. Xb1,. xb2,. xb3,. xb4 {display: block; overflow: hidden; background: # DFE6EF ;}
. Xb1,. xb2,. xb3 {height: 1px ;}
. Xb2,. xb3,. xb4 {border-left: 1px solid # 0088CC; border-right: 1px solid # 0088CC ;}
. Xb1 {margin: 0 5px; background: # 0088CC ;}
. Xb2 {margin: 0 3px; border-width: 0 2px ;}
. Xb3 {margin: 0 2px ;}
. Xb4 {height: 2px; margin: 0 1px ;}
. Xboxcontent {display: block; border: 0 solid # 0088CC; border-width: 0 1px; padding: 4px; background: # DFE6EF ;}
-->
</Style>
<B class = "xtop">
<B class = "xb1"> </B>
<B class = "xb2"> </B>
<B class = "xb3"> </B>
<B class = "xb4"> </B>
</B>
<Div class = "xboxcontent"> <br/> no image <br/> rounded corners without tables </div>
<B class = "xbottom">
<B class = "xb4"> </B>
<B class = "xb3"> </B>
<B class = "xb2"> </B>
<B class = "xb1"> </B>
</B>