Верстка контент бокса

[jaguar_sea]

Доброго времени суток. У меня есть три изображения бордера контент бокса: 1-верхняя и боковые границы, 2-боковые границы и 3-боковые и нижняя границы. Мне необходимо сверстать этот бокс таким образом, что бы он мог без проблем растягиваться во вертикали. Т.е. верхняя часть остается на месте, средняя увеличивается по top+bottom, нижняя чать опускается.

Пытаюсь сделать таким образом:

HTML

<div class="middleborder">[i]Контент[/i]
<div class="top"></div>
<div class="bottom"></div>
<div>

CSS

div.topborder {
    display: block;
    background: url(image/top.png)  no-repeat -18px -25px;
    height:210px;
}

div.middleborder {
    display:inline-block;
    background: url(image/middle.png)  no-repeat -12px center;
    position: absolute;
    width:700px;
    top:150px;
    left:336px;
    z-index:4;
    min-height:260px;
}

div.bottomborder {
    display: block;
    background: url(image/bottom.png)  no-repeat -5px bottom;
    min-height:460px;
}

Но при добавлении контента вся верстка разваливается.

Дорогие гуру, пожалуйста помогите с этим разобраться, советом или хотя бы ссылкой...

[ctpz]

Если можно, выложите эти три картинки куда-нибудь и дайте ссылки.

[jaguar_sea]

1, 2, 3

[Temiks]

советую делать так

<div id="bg_y" >
   <div id="bg_n" >
      <div id="bg_s" >
           contant
      </div>
   </div>
</div>

Где bg_y там повторения границ, bg_n - верхняя часть границы, bg_s нижняя часть границы

Edited August 3, 2011 by Temiks

[jaguar_sea]

Помогло, спасибо! А не подскажите еще, как сделать так что бы цвет фона блока "bg_y" не вылазил за те самые бордеры указанные на рисунках?