Problème de menu

Salut à tous,

J'espère que les fêtes se sont bien passées pour tout le monde, mais, ça y est de retour devant les écrans.
Alors tout ça pour dire aux secours car je n'arrive pas à créer une barre de menu horizontale toute simple avec ma feuille css.

ma feuille css ressemble à ça :
#menu {
float:left;
width:1100px;
background-color:#CCFFFF;
font-size: 13pt;
}
#menu ul {
margin:0;
padding:10px 10px 0 50px;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a {
float:left;
margin:0;
padding:10 0 0 4px;
text-decoration:none;
}
#menu a span {
float:left;
display:block;
padding:0px 85px 6px 6px;
color:#666;
}


et mon code xhtml à ça :
<div id="menu">
<ul>
<li><a href="http://www..fr" title="HOME"><span>HOME</span></a></li>
<li><a href="http://www..fr/prestations.html" title="PRESTATIONS"><span>PRESTATIONS</span></a></li>
<li><a href="http://www..fr/materiel.html" title="MATERIEL"><span>MATERIEL</span></a></li>
<li><a href="http://www..fr/tarifs.html" title="TARIFS"><span>TARIFS</span></a></li>
<li><a href="http://www..fr/temoignages.html" title="TEMOIGNAGES"><span>TEMOIGNAGES</span></a></li>
<li><a href="http://www..fr/contact.html" title="CONTACT"><span>CONTACT</span></a></li>

</ul>
</div>


et en ligne mon site me présente une colonne sans couleur de fond avec mes titres, et tenez-vous bien, des puces !

je ne comprends plus rien, pour la survie de mon pc svp...


un grand merci a tous
bonne journée