Доброго времени суток. У меня есть три изображения бордера контент бокса: 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; } Но при добавлении контента вся верстка разваливается. Дорогие гуру, пожалуйста помогите с этим разобраться, советом или хотя бы ссылкой...