Всем здравствуйте! Принимайте новичка в свои ряды.

У меня есть проблема, мне нужно сделать фон для страницы из двух градиентов.На страничке есть фиксированная таблица.Я ипользую рисунки шириной 500, высотой 1 и такой стиль
[CSS]
HTML {
background: #35cbdb url(images/fonL.gif) repeat-y; /* Цвет фона веб-страницы,
путь к графическому файлу с фоном и
повторение фона по вертикали */
height: 100%; /* Высота элемента */
}
BODY {
background: url(images/fonR.gif) repeat-y 100% 0; /* Фон по правому краю окна браузера */
margin: 0; /* Обнуляем отступы на странице */
height: 100%; /* Высота элемента */
}
P {
margin: 0; /* Обнуляем отступы */
padding: 5px 0 0 20px; /* Поля вокруг текста */
}[/CSS]

Все работает хорошо. Но если окно браузера сделать меньше высоты таблицы, то градиент справа дублируется только в видимой части окна, как только мы прокрутим окно чуть ниже фон справа перестает дублироватя.
Выглядит это вот так. [attachment=37465:пример.jpg]

Как мне сделать чтобы фон дублировался и при масштабировании?

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.