Три фона в блоке
 

Всем привет! Есть блок. В нем определенный текст (текст может быть разный и много...).
Есть три фона: Верхний (height примерно 50px), нижний (height примерно 70px) и средний (который репитится по Y height 1px).

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

На данный момент сделал с помощью скритпа: создал два блока, в один (который с текстом) поместил верхний и нижний фон, в другой средний фон (фон который репитися). С помощью скрипта получаю высоту первого и применяю height ко второму с уменьшением и т.д.

Все работает как надо, но хотелось бы знать, можно ли это сделать без скритпа...?

Если под современные браузеры - то можно 3 изображения для background указывать http://htmlbook.ru/css/background

Если размеры известны заранее - можно и без скрипта... Вычислять-то ничего не нужно...

Если размеры не известны - как вариант, обходиться процентами.

В том то и дело, что высота разная...
Царь Леонид, такой вариант не подходит т.к. фоны с верху и снизу имеют не прямоугольную форму...

Попробую процентами