Приклеить футер к низу экрана

Есть сайт www.crm-soft.ru

на этом сайте есть 3 колонки: меню, основной текст, новости

внизу есть футер: красная полоса, и справа рисунок монитора.

Надо сделать так, чтобы если текста мало, футер отображался бы внизу экрана. Если текста много, то между текстом и футером должен оставаться зазор, и футер сдвигается вниз, тексты не должны налезать на футер. Я такое у Касперского видел (см. прикрепленный файл) - футер приклеен к низу экрана, но если текста становится много (или экран маленький) - футер уезжает вниз.

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

Мы пытались сделать скриптом, получилось коряво. Хотелось бы сделать через css.

Тестироваться будет в FF, Chrome и IE, все последних версий.

Оплата wmr, около 1000р. Цена предположительная, не знаю сколько это реально может стоить. Есть опасение, что это вообще нельзя сделать через css, в этом случае буду рад предложениям.