Better rounded corner effect, not restricted by the body.

<Div class = "xsignsys">
<B class = "xtop"> <B class = "xb1"> </B> <B class = "XB2"> </B> <B class = "xb3"> </B> <B class = "xb4"> </B>
<Div class = "xboxcontent">
<Table width = "100%" bgcolor = "# f0f8ff" border = "0" cellspacing = "0" cellpadding = "0">
<Tr>
<TD> nbsp; </TD>
</Table>
</Div>
<B class = "xbottom"> <B class = "xb4"> </B> <B class = "xb3"> </B> <B class = "XB2"> </B> <B class = "xb1"> </B>
</Div>

 

. Xsignsys {width: 98%; margin-Right: auto; margin-left: auto; Background: # ffffff}
. Xtop,. xbottom {display: block; Background: transparent; font-size: 1px ;}
. Xb1,. XB2,. xb3,. xb4 {display: block; overflow: hidden ;}
. Xb1,. XB2,. xb3 {Height: 1px ;}
. XB2,. xb3,. xb4 {Background: # f0f8ff; border-left: 1px solid # 6697cd; border-Right: 1px solid # 6697cd ;}
. Xb1 {margin: 0 5px; Background: # 6697cd ;}
. XB2 {margin: 0 3px; border-width: 0 2px ;}
. Xb3 {margin: 0 2px ;}
. Xb4 {Height: 2px; margin: 0 1px ;}
. Xboxcontent {display: block; Background: # FFF; Border: 0 solid # 6697cd; border-width: 0 1px ;}