Фон из нескольких картинок

[LanStorm]

Собсно, сабж в чем:

нужно сделать подобие блока, который растягивается

Мы имеем div контента, фон которого состоит из 3 изображений:

нужно закрепить первое изображение к верху блока, нижнее к низу, и чтобы среднее растягивалось в зависимости от высоты блока, но чтобы не перекрывало верхнее и нижнее изображения фона.

css-код блока:

.main {
margin: 0 auto;
padding: 200px 60px 0 150px;
float: left;
background-image: url(img/main1.png), url(img/main2.png), url(img/main3.png);
background-repeat: no-repeat, repeat-y, no-repeat;
background-position: center top, 0 924px, center bottom; /* 924px - высота первого изображения */
background-size: contain;
width: 70%;
}

Edited February 24, 2013 by LanStorm

[LanStorm]

upd: тема неактуальна, можно удалить.

но всё-равно хотелось бы услышать варианты как провернуть и вообще возможно ли такое.

Edited February 24, 2013 by LanStorm

[npofopr]

таблица