Beleza, Matheus e por ai ?
Então para que a rodapé desça e fique no seu lugar você deve fazer o seguinte.
Criar um id no seu css para uma div de limpeza
#clearfix{clear:both;}
Criar uma div com esse id
<div id="clearfix">
</div>
Após isso voce deve por esse div antes da abertura do seu footer para que ele identifique que existe uma div acima dele.
Exemplo
<div id="conteudo"></div><!--Conteudo-->
<div id="clearfix"></div><!--Clear-->
<div id="footer">
<div id="footer-content">
<p>conteudo do Footer</p>
</div><!--FooterConteudo-->
</div><!--Footer-->
Espero ter ajudado.
Dica crie seu css de forma inline, para que ocupe menos espaço. Em sites grande quanto menor o volume de dados dos arquivos masi rapido o site carrega.
