[CSS] Problème de code

Bonjour à tous et à toutes. Voila, ayant décider de faire un site web, je me suis alncé dans la création. J'en arrive à la page .css, et là, en testant le résultat, il y a un bug. Voici le code:

body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: #ADE76B;
}

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("banniere.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   background-color: #ADE76B;
   
   border: none;
   
   margin-bottom: 20px;
}

.element_menu h3
{   
   color: #E3756A;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("icone.gif");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #0000FF;
}

.element_menu a:hover
{
   background-color: #D6F7B5;
   color: #E3756A;
}

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: black;
   background-color: #ADE76B;

   border: none;
}

#corps h1
{
   color: #E3756A;
   text-align: center;
   font-family: Alba, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("titre.jpg");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #E3756A;
   text-align: left;
}

#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: black;
   background-color: #ADE76B;

   border: none;
}

.haut_1
{
background : url("g_tl.gif") no-repeat left ;
padding-left: 25px ;
height : 25px ;
}

.haut_2
{
background : url("g_tr.gif") no-repeat right ;
padding-right: 25px ;
height : 25px ;
}

.haut
{
background : url("g_t.gif") repeat-x ;
width : 100% ;
height : 25px ;
}

.milieu_1
{
background : url("g_l.gif") repeat-y left ;
padding-left: 25px ;
}

.milieu_2
{
background : url("g_r.gif") repeat-y right ;
padding-right: 25px ;
}

.bas_1
{
background : url("g_bl.gif") no-repeat left ;
padding-left: 25px ;
height : 25px ;
}

.bas_2
{
background : url("g_br.gif") no-repeat right ;
padding-right: 25px ;
height : 25px ;
}

.bas
{
background : url("g_b.gif") repeat-x bottom ;
width : 100% ;
height : 25px ;
}

Comme vous pouvez le constater, la page est "bourriné" sur quelques pixels, et je ne vois pas d'où viens le problème. (http://frutiaccessoires.free.fr pour voir le résultat).
Si vous pourriez m'aider, ce serait gentil =).

A+
Modifié par speedy38 (07 Feb 2006 - 19:38)

bonjour

Titre de sujet correct ?
Explication du problème ?

Ce forum n'est pas un self-serive, nous ne sommes pas des dévins, nous ne sommes pas aux services du moindre effort et nous ne perdons pas notre temps à déchifrer quoi que ce soit qui n'est pas expliqué ou autre.

Merci de relire les règles du forum.

Ton message est au même niveau que ton pseudo...
Modifié par Olivier (07 Feb 2006 - 19:36)

J'en suis navré, mon désespoir était si grand que j'en ai oublié l'essentiel .

En espèrant que vous me pardonnerez ^^.

A+