Ou est l'erreur?

Salut les pros,

Je commence à me mettre au CSS... J'ai pompé et adapté un code pour faire un menu avec des boutons qui changent de couleur avec hover. Mais il reste une bordure en bas de la barre quand on passe en hover + les bordures verticales ne descendent pas tout en bas (à cause de cette bordure). Si quelqu'un peut m'indiquer ce qu'il manque, je lui en serais très très reconnaissant! D'avance merci,
Pascal

site en ligne (avec le fameux menu): http://www.concertdescimes.com


Mon code CSS:

#menu ul
{
padding-left: 0;
padding-top: 0;
background-color: #FF0099;
color: White;
float: left;
width: 100%;
margin: 0;
}
#menu ul li
{
display: inline;
}
#menu ul li a
{
color: white;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
background-color: #FF0099;
padding: 0.2em 0.5em;
font-size: 15px;
font-family: "trebuchet MS";
}

#menu ul li a:hover
{
background-color: #B00068;

}

Salut,
En faite c'est le bouton facebook qui pose problème, essai de lui mettre un padding-top de 1.1em par exemple.

A+

Olivier.

En effet, c'est le bouton facebook! comme ça n'a pas l'air évident à modifier, je vais le mettre ailleurs.
Merci!
@+
Pascal