У меня есть страница, которая не заполняет всю высоту экрана, но я хочу, чтобы нижний колонтитул оставался чуть ниже экрана, чтобы он отображался сразу после начала прокрутки - независимо от высоты экрана человека.

Как мне сделать это с помощью CSS?

РЕДАКТИРОВАТЬ

Я пытался:

#footer{
    position:absolute;
    left:0px;
    top:100%;
}

Это работает, но это мешает, если моя страницаделает пройти по высоте экрана. Мне действительно нужна совместимость для обоих типов страниц.