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

[kost@]

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

Пробовал сделать так:
создаю 2е таблицы - одна в другой. Во внешней устанавливал задним фоном первую картинку без повторов:

background-image: url(img/1.gif);
background-repeat: no-repeat;

Во второй таблице - вторую картинку, но со смещением по Y и повтором по Y:

background-position: 0px 300px;
background-image: url(img/2.gif);
background-repeat: repeat-y;

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