Problema com footer

Olá pessoal, tudo bem?

Então, estou tentando colocar um footer no meu sistema, bem simples e fino, escrito só "Todos os diretos reservados". Coloco os atributos do CSS: position: absolute e bottom: 0;

Segue o código do footer:

.footer{
	position: absolute;
	bottom: 0;
	margin-top: 20px;
	text-align: center;
	color: #888;
	font-size: 10px;
	padding: 6px;
	background: white;
	width: 100%;
	-moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

O problema é que ele fica onde está as limitações bottom da página, o que é esperado, mas muitas vezes, quando a página tem bastante conteúdo ele fica sobrepondo o conteúdo e não lá embaixo.

:

Segue um print do problema (Isso é uma página com mais conteúdo que dá para rolar para baixo):

E essa é uma página que ele dá certo (pois não tem rolagem):

Já pesquisei como resolver esse problema, e na maioria das soluções, pede-se para criar uma div content que tenha um min-height de 100%, ou fazer isso com o body e html, mas simplesmente não deu certo!

Espero que tenham entendido o problema e agradeço desde já!