Растягивающийся по высоте div при вертикальной прокрутке

[kiteman]

Уважаемые гуру, подскажите пожалуйста.

Дизайн состоит из двух колонок фиксированной ширины, расположенных по центру экрана.

Левая колонка маленькая - для меню, рекламы и прочего, имеет цветной фон. Правая колонка для контента.

Изначально колонки растянуты но вертикали на 100%. Верстка сделана следующим образом: левая колонка имеет внутри несколько div-ов с абсолютным позиционированием для вывода фиксированных бэкграундов, а потом идет див, у бакграунда которого стоит repeat-y, для заполнения до низа браузера.

Однако, если контента больше, чем на экранную страницу, то при скроллинге левая колонка съезжает вверх, отрываясь от нижнего края браузера:

Верстка тут: http://files.mail.ru/CK295V.

Если у кого есть свободная минутка, гляньте, что не так и как поправить это безобразие

Спасибо.

[gordi]

Сделайте разметку страницы на основе колонок равной высоты, как пример - http://trifler.ru/i/grail/grailgordi/grailideal/grailideallc.html

И не растягивайте колонки по высоте на 100%, контент растянет

[kiteman]

Сделайте разметку страницы на основе колонок равной высоты, как пример - http://trifler.ru/i/grail/grailgordi/grailideal/grailideallc.html

И не растягивайте колонки по высоте на 100%, контент растянет

Контент не растянет. Дело в том, что контента может быть меньше, чем высота экрана, особенно на больших разрешениях.

Нужно, чтобы левая колонка всегда занимала всю высоту экрана.

[gordi]

Тогда только на так - http://trifler.ru/i/layout/lc_shablon_01.html

с использованием:

margin-bottom:-32600px;padding-bottom:32600px;

[kiteman]

Тогда только на так - http://trifler.ru/i/layout/lc_shablon_01.html

с использованием:

margin-bottom:-32600px;padding-bottom:32600px;

Ооо спасибо тебе добрый человек

Вроде то что надо. Сейчас попробую съимплементить.