Динамическая высота DIV
 

Есть страница, в ней левое меню. Оно сейчас налегает на футер. Как сделать так чтобы от нижнего края этого меню до футера было расстояние 20px. Я бы мог это сделать указав margin-bottom у этого меню и у page, но дело в том, что это меню может увеличиваться или уменьшаться т.е. могут оттуда пункты удалять или добавлять, и нужно чтобы оно не налегало на футер

Все дело в том что вас положение элементов на странице совсен не коректно:
Что мы видим на странице! сверху хедер, за ним слайдер, за ним левое меню и контент флотятся друг к другу.
Что в реале левое меню клеится к футеру и смещено свойством top: 442px, слайдер отпозиционирован абсолютно и в html он ниже этого самого меню.

Сделайте:
1) слайдер за хедером с позишн релейтив
2) левое меню и контент за слайдером тоже с позишн релейтив
в общем перенести нужно блоки в HTML как надо, а потом в CSS сделать отступы, а не сваливать все в кучу и позиционировать с помощью свойств top: итп.

Я сам уже думаю лучше переделать шаблон. Спасибо.