Скругленный контурный блок

Особенность: блок имеет контурную окаемку.
Используется только две картинки - кружок и линии (для верха и низа), боковые линии вставляются через border.

Скачать

DEMO

content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

HTML

<div class="round_lt">
    <div class="round_rt">
        <div class="round_tt"></div>
    </div>
</div>        
<div class="round_body">
    <div style="padding:2px 10px;">
        DATA
    </div>
</div>
<div class="round_lb">
    <div class="round_rb">
        <div class="round_bb"></div>
    </div>
</div>

CSS

.round_body {background:#F3F3F3; border-left:1px solid #EBEBEB;  border-right:1px solid #EBEBEB;}
.round_lt {background:url('images/round_circle.png') no-repeat 0px 0px; height:5px;}
.round_rt {background:url('images/round_circle.png') no-repeat 100% 0px; height:5px;}
.round_tt {background:url('images/round_lines.png') 0px 0px; height:5px; margin-left:5px; margin-right:5px;}
.round_lb {background:url('images/round_circle.png') no-repeat 0px 100%; height:5px;}
.round_rb {background:url('images/round_circle.png') no-repeat 100% 100%; height:5px;}
.round_bb {background:url('images/round_lines.png') 0px 100%; height:5px;margin-left:5px; margin-right:5px;}

IMAGES