body {
	background-color: #ABCBBE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
	position: relative;
	width: auto;
	background-image: url(images/bg.png);
	float: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
<style type="text/css">
.spiffy{display:block}
</style>
div.shadow{float: left;padding: 0 6px 6px 0;
    background: url(dropshadow.png) no-repeat bottom right}
	
	<div id="container">
<b class="rtop">
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
content goes here 
<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
 
.rtop, .rbottom{display:block}
<div class="roundcont">
<div class="roundtop">
<img src="tl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" />
</div>
 
CONTENT
<div class="roundbottom">
<img src="bl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" />
</div>
</div>
 
.roundcont {
width: 250px;
background-color: #f90;
color: #fff;
}