Препятствование тому, чтобы зафиксированный нижний колонтитул перекрыл содержание

Я прикрепил свой нижний колонтитул DIV к нижней части области просмотра следующим образом:

#Footer
{
    position: fixed;
    bottom: 0;
}

Это работает хорошо, если нет большого количества содержания на странице. Однако, если содержание заполняет полную высоту страницы (т.е. вертикальная полоса прокрутки видима), нижний колонтитул перекрывает содержание, которое я не делаю привычки.

Как я могу заставить нижний колонтитул придерживаться нижней части области просмотра, но никогда не перекрывать содержание?