две картинки в бэкграунд

[misterX]

есть две колонки: меню и контент.

в контенте нужно две картинки сделать бэкграундом, при этом так чтобы они были друг под другом. а когда текст в этом блоке превышает высоту двух картинок, то между двумя этими картинками растягивать (одна вверху, другая внизу, посередине белый цвет.)

у кого какие идеи?

[kalyaka-malyaka]

примерно так:

.content1 {
background:url(images/pic1.gif) top left no-repeat;
}
.content2 {
background:url(images/pic2.gif) bottom left no-repeat;
min-height:100px; /* высота двух картинок */
height:auto;
}
* html .content2 {
height:100px; /* ie6 min-height не понимает. для него надо указывать height */
}

<div class="content1">
	<div class="content2">Text</div>
</div>

[misterX]

примерно так:

.content1 {
background:url(images/pic1.gif) top left no-repeat;
}
.content2 {
background:url(images/pic2.gif) bottom left no-repeat;
min-height:100px; /* высота двух картинок */
height:auto;
}
* html .content2 {
height:100px; /* ie6 min-height не понимает. для него надо указывать height */
}

<div class="content1">
	<div class="content2">Text</div>
</div>

спасибо большое, работает.