Как я могу заставить мой нижний колонтитул оставаться внизу любой страницы в CSS?

Это мой код:

#footer {
   font-size: 10px;
   position:absolute;
   bottom:0;
   background:#ffffff;
}

Я понятия не имею, что с этим не так - может ли кто-нибудь помочь?

РЕДАКТИРОВАТЬ: Для большей ясности в том, что не так: нижний колонтитул отображается внизу, как и ожидалось, при загрузке страницы. Однако, когда высота веб-страницы> размеров на экране, так что появляется полоса прокрутки, нижний колонтитул остается в том же месте. То есть, когда высота страницы <= 100%, нижний колонтитул находится внизу. Однако, когда высота страницы> 100%, нижний колонтитул НЕ находится внизу этой страницы, а вместо этого находится внизу видимого экрана.

РЕДАКТИРОВАТЬ: Удивительно, но ни одно из приведенных ниже решений не сработало. Вместо этого я использовал боковую панель.