Pb de div

Bonjour a tous, j'ai un problem concernant les div de mon template..
Alors voila je vous donne mon sitehttp://csource.free.fr
Alors ceux qui ont fire bug installé, vous pourrez remarqué que mon div #midle-contant se chevauche avec mon #footer!
J'ai tout essayer meme en mettant margin-top a mon footer mais malheureusement ca ne marche pas!
Voici le code:
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
div {
padding:0;
margin:0;
}
#main-content {
height:100%;
width: 779px;
margin: 0 auto;
background-color:#CCCCFF;
}
#header {
margin:0 5px;
height: 130px;
width:770px;
background-color: #99CCCC;
}
#top{
clear:both;
margin: 0 auto;
width:770px;
height: 85px;
background-color: Gray;
}
#pathway{
margin-top:2px;
width:750px;
height:15px;
background-color: white;
}
#sliding{
width:750px;
height: 15px;
background-color: yellow;
}
#left-menu{
float:left;
width:150px;
height: auto;
background-colorurple;
margin: 30px 5px;
}
#midle-content {
margin-right:5px;
margin-left:165px;
width:608px;
height:auto;
background-color:#9999CC;
}
#archive{
margin-left:5px;
margin-top:5px;
width:598px;
height:140px;
background-color:yellow;
}
#content-news{
margin-left:5px;
margin-top:5px;
width:598px;
height:auto;
background-color:green;
}
#footer {
clear:both;
margin-left:5px;
margin-top:-50px;
height: 70px;
width: 770px;
background-color: #99CC99;
}

Si une personne genereuse pouvait m'aider ?
Merci
Cordialement