CSS Empurre Div para o final da página

Observe o link. Quero o contrário: quando o conteúdo ultrapassa o limite das barras de rolagem, quero que meu rodapé esteja sempre nocomplet parte inferior da página, como Estouro de pilh

Eu tenho uma div comid="footer" e este CSS:

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

Mas tudo o que faz é ir para a parte inferior da janela de visualização e permanecer lá, mesmo se você rolar para baixo, para que não fique mais na parte inferio

Image:

Desculpe, se não for esclarecido, não quero que seja corrigido, apenas para estar na parte inferior real de todo o conteúd