Alignement du menu impossible

Bonjour,je suis entrin de faire" heuuu "du moins d'essayé de faire un site c que le debut et déja blocage MDRRR. franchement je galère a aligné mon menu impossible de trouver l'erreur vue que je débute, je suis un tuto en video de grafikart, mon site est totalement different
mais après 10000 recherche sur google je flanche franchement merçi pour votre aide

body{
background:url(image/fond-de-page.jpg) repeat-x;
background-color:#223671;
margin-top:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
}

#header{
height:185px;
background:url(image/header.jpg) no-repeat top center;
}

#conteneur{
width:988px;
margin:0 8px;
padding:172px;
}

#menu{
width:988px;
height:27px;
padding:0px;
background:url(image/bloc-1.jpg) repeat-y top center;
}

#menu ul li{
list-style:none;
float:left;
padding:0px;
}
#menu ul li a{
height:23px;
width:128px;
font-size:11px;
text-decoration:none;
text-align:center;
display:block;
line-height:23px;
background:url(image/bt/btn-deco.jpg) no-repeat top center;
color:#FFFFFF;
}

<?xml version="1.0 encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XML 1.0 STRICT//EN"
"http://www.w3.org/tr/xhtml1/DTD/xhtml-Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<meta http-equiv="content-Type" content="text/html; charset=UTF-8" />
<title>X</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

</head>
<body>
<div id="header"/>
<div id="conteneur">
<div id="menu">
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li><a href="voyance-gratuite.html">voyance gratuite</a></li>
<li><a href="consultations.html">Consultations</a></li>
<li><a href="retour-affectifs.html">Retour affectifs</a></li>
<li><a href="horoscope-du-jour.html">Horoscope</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="livre-d-or.html">Livre d'or</a></li>
</ul>
</div>
</div>
</body>
</html>