[résolu] perdu dans le menu

Bonsoir à tous,
J'essaie de créer un site en utilisant les CSS et en suivant des tutos mais je me prends la tête.
Là je suis paumé dans mes menus.
Notamment, je ne comprends pas pourquoi mon menu principal "déborde" (en haut et en bas) de la couleur blanche.
J'aimerais que ce menu soit entièrement sur le fond blanc qui fait toute la largeur du design.
Je me perds complètement. Faut-il appliquer une largeur ou un background-color:white quelque part, et surtout où ?... Faut-il jouer plutôt sur les "margin" ?

Voici le lien vers mon site et au dessous le code CSS utilisé.
http://tutomaster.free.fr/

Merci d'avance pour vos conseils.

jpv56

/*le menu principal commence ici*/
ul#menuprincipal{
background-color:white;
margin-top:15px;
padding:0;
list-style-type:none;
font: bold 1em trebuchet,verdana,arial,times,serif;
}
#menuprincipal li{
display:inline;
}
#menuprincipal li a{
padding:5px 20px;/*5 pour espace droit et gauche, 20 pour espace dessus et dessous*/
margin:0;
background: rgb(255,158,32);
color:rgb(67,85,27);/*couleur verte + foncée pour texte du menu*/
border:2px solid black;
text-decoration: none;
-moz-border-radius: 10px 10px 0 0; 
        -webkit-border-radius: 10px 10px 0 0; 
        border-radius: 10px 10px 0 0;         
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
}
#menuprincipal li a:hover{
background:rgb(78,185,73);
color:white;
}

Modifié par jpv56 (15 Mar 2010 - 22:03)