Rodapé sobrepõe conteúdo

Bom dia pessoal!

Então, eu to com um problema que está me atormentando desde o começo do desenvolvimento do meu site. O rodapé não fica no final da página, ele fica no final da janela, E conforme a resolução da janela vai diminuindo, o rodapé avança sobre o conteúdo. Ele fica no final somente se eu delimitar o "min-height" da div "container" em pixels. O que eu não posso fazer, pois várias páginas são geradas pelo banco de dados, e elas não tem o mesmo tamanho.

Eu já procurei todo tipo de solução pra isso na internet, inclusive aqui no fórum. Mas nada resolveu meu problema.

Vou deixar aqui o CSS das minhas DIV's e como elas estão posicionadas. Se alguém puder ajudar eu agradeço demais.

<div class="container">
	<div class="topo">
 <div class="titulo-box"></div>
	</div>
	<div class="container-box">
 <div class="box1"></div>
 <div class="box2"></div>
 <div class="box3"></div>
	</div>
	<div class="rodape"></div>
</div>

Obs.: Eu já tentei colocar o rodapé fora da div "container" e também não funcionou.

html, body{

	height:100%;
}

.container{
	width:100%;
	margin: 0 auto;
	height:auto;
	min-height:100%;
	position:relative;
}

.titulo-box{
	text-align:center;
}

.container-box{
	width:964px;
	margin: 0 auto;
	height:auto;
	position:relative;
}

.box1, .box2, .box3 {

	height: 450px;
	width: 320px;
	position:relative;
	float:left;
}

.rodape{
	width:100%;
	height:60px;
	clear:both;
	position:absolute;
	bottom:0;
}