角丸下に伸びるBOX(CSS不使用)

html

<div class="topElem">
<div class="bottomElem">
<div class="bodyElem">
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
</div>
</div>
</div>

css

.topElem
{
 background: url("../../img/coading/page3/bg_boxTop.gif") left top no-repeat;
 padding-top: 5px;/* 背景画像の高さと同じ数値 */
}

.bottomElem
{
 background: url("../../img/coading/page3/bg_boxBottom.gif") left bottom no-repeat;
 padding-bottom: 5px;/* 背景画像の高さと同じ数値 */
}

.bodyElem
{
 background: url("../../img/coading/page3/bg_boxTop.gif") left top repeat-y;
 padding: 15px; /* 体裁を整えるものであって無くてもよい */
}