Резиновый фон 4-8 картинок

[Chris]

Доброго времени суток! Есть картинка в виде блокнота (картинка). Нужно чтобы он растягивался по вертикали. Пробывал два варианта:
1)Порезал на 4 части: верх, низ, лево и право. Получается, но левая и правая часть налезает на верхнюю и нижнюю.
2)Порезал на 8 частей: верх, низ, лево, право и 4 угла. Тоже самое и еще не совпадение "пружин" (но это думаю решаемо увеличение или уменьшением ширины).
Резаные части в архиве.

<div class="notebook">
	   <div class="top">
	    <div class="left-pic">
		 <div class="right-pic">
		  <div class="bottom">
		  <div class="center">
		  
		  </div>
		  </div>
		 </div>
	    </div>
	   </div>
      </div>

.notebook{
font-size:18px;
}
.notebook .top{
background:url(../img/notebook1_01.png) no-repeat;
background-position:top;
}
.notebook .left-pic{
background:url(../img/notebook1_03.png) repeat-y;
background-position:left;
}
.notebook .right-pic{
background:url(../img/notebook1_06.png) repeat-y;
background-position:right;
}
.notebook .bottom{
background:url(../img/notebook1_09.png) no-repeat;
background-position:bottom;
}

Это 4 части, 8 частей отличается лишь еще 4 вложенными блоками в html и 4 правилами в css. Если нужно будет выложу. Поскажите как решить данную проблему. Заранее спасибо.

 

[BaNru]

Если ИЕ6-8 не нужен, то стоит посмотреть в сторону мультибекгроунда

 

[npofopr]

можно и спрайтом сделать

 

[tigra60]

Попробуйте так:
Посмотреть вложение notebook.zip
Пользователи недобраузера блокнотик не увидят, но вид вполне приемлемый.

 

[Chris]

Всем спасибо за помощь, осталось только лишь выбрать

Попробуйте так:
Посмотреть вложение 2161
Пользователи недобраузера блокнотик не увидят, но вид вполне приемлемый.

Решение великолепное, спасибо! Попробую сделать для всех браузеров, если не выйдет воспользуюсь вашим решением.
Благодарю от души