CSS Position

Fala Galera estou tentando fazer um layout, e estilanzando com Css porém estou com algumas falhas no css que não consigo resolver será que alguém pode me ajudar, vou postar o código Css o problema está no rodaé (footer) fica no meio da página mesmo colocando position relative ele fica parado no mesmo lugar e se coloco to p 100% ele fica em cima de outro elemento da pagina obrigado.

*{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%;}? o problema esta aqui esse elemento fica no meio da pagina/
#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;}