Узор прилипающий к блокам.

[IgorVS]

Привет всем.
Значит есть такая задача, по краям колонок создать узор, прилипающий к колонкам, вот так.

Если я его делаю фоном вот так, в /catalog/view/theme/default/stylesheet/stylesheet.css вставил.

body {
margin: 0px;
padding: 0px;
text-align: center;
background-color: #ffffff;
background-image: url('../image/узор.jpg'), url('../image/узор.jpg');
background-position:left, right;
background-repeat: repeat-y, repeat-y;
}

То при уменьшении размеров экрана узор уплывает под блоки. А он должен быть всегда скраю.

Как осуществить задумку, ума неприложу. Подскажите как сделать нужное.

Благодарю всех откликнувшихся.

[Tom]

Используйте одну картинку  с прозрачным  фоном в центральной части.

[IgorVS]

Благодарю.
Вот так делаю.

body {
margin: 0px;
padding: 0px;
text-align: center;
background-color: #ffffff;
background-image: url('../image/узор.png');
background-position: center top;
background-repeat: no-repeat;
}

А смещение самого узора левее и правее, а так же его размер уже за счёт картинки.

Получилось.