Rodapé instável

Olá pessoal, estou com um problema com o rodapé

Fiz a cagada de deixar ele por ultimo, e agora ele não fica instável.

a pagina para vcs verem o problema e essa http://kaayapezzuti.zz.mu/textes/_pessaude/

a principio eu fiz tudo correto para funcionar

body, html{
min-height:100%
}

.content{
position:relative;
}

footer{

position:absolute;
bottom:0;
clear:both;
height:20px;
}

ai ja era pra ficar no rodapé, dessa forma ele funciona se eu não aumentar o tamanho da tela dar aquele zoom, ai ele sobrepoe o conteúdo.. mas se eu tirar o zoom ( diminuir o conteúdo ) ele fica certinho sempre no rodapé.

Agora se eu trocar essa POSITION:ABSOLUTE por RELATIVE, fica certinho no tamanho normal não sobrepor nada. so que quando eu diminuo o conteúdo (dou zoom out) ele sobe junto com o conteúdos fica grudado sempre no bottom do conteúdo.

não sei se deu para entender, para melhor detalhe e só inspecionar o código no site

http://kaayapezzuti.zz.mu/textes/_pessaude/css/style.css esta logo no inicio do css o rodape

Como posso contornar esse problema?!