Footer qui empiète sur le container, et problème de header

Bonjour à toutes et à tous


j'ai encore un petit soucis, mon footer empiète sur mon contenu, j'ai essayé la méhtode de http://www.cssstickyfooter.com/fr/ mais rien n'y change pourriez vous m'aider ?

voici la page http://jeffrey0709.magix.net/public/


et le style de footer que je souhaite mettre

.footer { width: 100%; height: 100px; position: fixed; bottom: 0px;background:#333333;}
.footer .bg {background:url(../img/footer.png)repeat-x;height: 32px;width: 100%;top:50%;position:relative;}
.footer .bg .sociallink{margin: 0 auto;width:100%; height:32px;}
.footer .bg .sociallink  p {text-decoration: none; color: #555555; font-size: 15px; font-family:'Quadranta', Arial, Helvetica, sans-serif;position:relative;top:8px;}

.footer .bg .sociallink  p a{text-decoration: none; color: #555555; font-size: 15px; font-family:'Quadranta', Arial, Helvetica, sans-serif;position:relative;}

et aussi pourquoi le header ne touche pas le bout de la page lorsque je réduit la dimension de la fenêtre

http://uppix.com/f-page51a5f9b10012f838.png


merci de votre aide d'avance, et bonne journée
Modifié par WENKz (29 May 2013 - 14:52)