CSS Position

Boa tarde

Estou desenvolvendo um blog e estou usando css, o que acontece o seguinte na div footer eu quero que conforme os posts vão entrando no site o rodapé vai ficando embaixo o que acontece e exatamente ao contrario o rodapé fica no top da pagina ums 100px para baixo e já tentei varias coisas só que o rodapé não fica embaixo de tudo alguem ai pode me ajudar segue código.

*{margin:0;padding:0;}
/ divs /

body{margin:0;padding:0;}
#geral{width:1024px;margin:0 auto;}
#head{position:relative;margin-top:50px;margin-left:100px;}
#menu{float:right; border-radius:10px;}
#menu ul, li{margin:05px;display: inline-block;padding: 05px;background-color: #e8e8e8; border-radius:10px; }
#menu a {text-decoration: none;color:#ff4500;margin-left: 5px;}
#menu a:hover{color:#ff8247;}
#post{positon:relative;margin-top:50px;background-color: #e8e8e8;width: 600px;height:50px;color:#ff4500; border-radius:10px;}
#comentes{position:relative;}
#footer {position:relative; margin-top:100%;}
#facebook{clear:both; }

#right{float: right;width:300px;border:solid 1px; border-radius:10px;}

/ Classes/

.titu{position:relative;top:10px;margin-left:10px;}
.dat{position: relative;margin-top:10px;margin-left:500px;}
.texto{positon:relative;width:600px;height: auto;}
.img{position:relative;margin-top:10px;width:600px;height: auto;}
.db{font-size:100px;color:#ff4500;}

Obrigado.