Eu tenho uma página que não preenche a altura da tela inteira, mas eu quero que um rodapé fique logo abaixo da tela, para que ele apareça quando você começar a rolar - não importa a altura da tela da pessoa.

Como faço isso usando CSS?

EDITAR

Eu tentei:

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

Isso funciona, mas atrapalha se minha páginafaz passar por cima da altura da tela. Eu realmente preciso de compatibilidade para os dois tipos de páginas.