Резиновый блок с тремя разными частями

[dartwlad]

Всем доброго времени суток! Друзья, имеется у меня вот такая проблема. Есть блок, который не резиновый. Вот фон:

Нужно сделать из этого блока резинку. Сам принцип знаю, но нужна помощь. Нужно сделать, чтобы блок был один, но левая часть по у повторялась, центр повторялся по умолчанию, и правая часть тоже по у повторялась. Пробовал таким способом:

#primary {

float: right;

width: 580px;

background: url("../img/middle.png");

padding: 20px 55px 0 55px;

}

#primary div{

background: url("../img/right.png") right repeat-y;

}

#primary div div{

background: url("../img/left.png") left repeat-y;

}

Ну и в HTML <div id="primary"><div><div></div></div></div>

Но ничего не вышло нормального. Можете помочь?

Edited November 18, 2012 by dartwlad

[gordi]

Попробуйте так - http://trifler.ru/blog/post_1258565552.html