<style type="text/css">
div.cornershop, div.cornershop * {
margin:0; padding:0;
}
div.cornershop {
background: #696969;
color:#fff;
width:50%;
margin:10px auto; padding:0;
}
div.cornershop div.boxtop {
background: url("/content/img/topic/roundcornerbox/Cornershop/ne.gif") no-repeat top right;
}
div.cornershop div.boxtop div {
height: 10px;
background: url("/content/img/topic/roundcornerbox/Cornershop/nw.gif") no-repeat top left;
}
div.cornershop div.boxbottom {
background: url("/content/img/topic/roundcornerbox/Cornershop/se.gif") no-repeat bottom right;
}
div.cornershop div.boxbottom div {
height: 10px;
background: url("/content/img/topic/roundcornerbox/Cornershop/sw.gif") no-repeat bottom left;
}
div.cornershop div.boxcontent {
margin: 0 10px;
}
</style>
<div class='cornershop'>
<div class='boxtop'><div></div></div>
<div class='boxcontent'>
This is for your content.<br>
This is for your content.<br>
This is for your content.<br>
This is for your content.
</div>
<div class='boxbottom'><div></div></div>
</div>