Probléme de float...

Bonjour,

Voila. Sur mon site qui est actuellement en traveaux (et pour cause !), il y a une drole de chose qui se pass...
Mon bandeau du bas (appelé copyright) est entré dans mon menu de gauche !!!!
Voici le résultat : http://bordinfo.olympe-network.com/index.php :s

Je vous donne l'extrai du code de la page index.php :

<div class="element_menu_g" id="menu_g">
  <?php include ('include/menu_g.html'); ?>
</div>
<div id="news">
  <?php include ('include/news.php'); ?>
</div>
<div id="corps">
<?php include ('include/corps.php'); ?>
</div>
<div id="clear"><!-- Annulation du float au cas ou le menu est plus grand que le corp --></div>
<div class="element_copyright" id="copyright">
  <?php include ('include/bas.html'); ?>
</div>
</body>
</html>

Ainsi que le CSS en question :

body{
 height: auto;
 width: 800px;
 margin: auto;
 margin-bottom: 10px;
 background-image:url(images/back-body.jpg);
 font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
}	

#menu_g{
 float:left;
 width: 195px;
 margin-top: 10px;
 background-color: #444444;
 border: 1px solid #666666;
 height:auto;
 min-height: 100px;
 margin-bottom: 10px;
}

#news{
 top: 147px;
 position: absolute;
 width: 595px;
 margin-top: 10px;
 margin-left: 200px;
 background: #333333;
 border: 1px solid #666666;
 height: 250px;
}

#corps{
 top: 405px;
 position: absolute;
 width: 595px;
 margin-top: 10px;
 min-height: 200px;
 margin-left: 200px;
 background: #333333;
 border: 1px solid #666666;
 height: auto;
}

#clear{
clear: left;
}

#copyright{
 height: 100px;
 width: 100%;
 margin-top: 20px;
 padding-top: 16px;
 background-image: url(images/copyright.png);
 background-repeat: repeat-x;
 text-align: center;
 color: #FFFFFF;
 font-family: Arial;
}

Merci d'avance pour votre aide !