HTML верстка: задний фон из 2-ух картинок
 

Кто силен в верстке, поможите плиз...
Нужно сделать задний фон из 2-ух картинок: одна сверху - без повтора, вторая ниже с повтором по Y. При этом контент HTML страницы должен ложиться на оба фона сразу (см. рисунок).

Пробовал сделать так:
создаю 2е таблицы - одна в другой. Во внешней устанавливал задним фоном первую картинку без повторов: Во второй таблице - вторую картинку, но со смещением по Y и повтором по Y: Дело в том, что если ставишь "repeat-y", то не действует почему-то "background-position: 0px 300px;", т.е. второй бекграунд накладывается на первый. Других решений почему-то не приходит.

Вот так вот:
<style>
.cly {
background-image: url(2.gif);
background-repeat: repeat-y;
}

.cln {
background-image: url(1.gif);
background-repeat: no-repeat;
}
</style>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr><td class='cln'>
Content1
</td></tr>
<tr><td class='cly'>
Content2<br>
</td></tr>
</table>

Все прекрасно работает без всякой суеты с позиционированием бэка.

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

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

ну да, есть тысяча и один способ это сделать, я уверен! мой вариант сработал - и хорошо...
Кстати, при наложении DIVов придется работать с абсолютным позиционированием? А если координаты не известны?!... Пройдет твой вариант?

<style>
#txt{background:url(img/1.gif) top left no-repeat;}
#txt DIV{background:url(img/2.gif) 0 0 repeat-y;}
</style>
<div id="txt"><div>
текст тут
</div></div>

Пройдет. Можно значения задать и скриптом. expression и все тут :)