Сделать так, чтобы div оставался внизу содержимого страницы все время, даже если есть полосы прокрутки.

CSS Push Div to bottom of page

Пожалуйста, посмотрите на эту ссылку, я хочу обратного: когда содержимое выходит за пределы полос прокрутки, я хочу, чтобы нижний колонтитул всегда находился в полной нижней части страницы, как Stack Overflow.

У меня есть div с id = "footer" и этот CSS:

#footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

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

Изображение:

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