Problème centrage menu avec css

Bonjour,

Je n'arrive pas à centrer mon menu.

Voici un extrait du code html:

<div id="menu">
<ul>

<li class="collection">
<p><a href = "collections.php">Collections</a></p>
<p class="subtext">Accueil du site</p>

</li>
<li class="actualites">
<p><a href = "actualites.php">Actualités</a></p>
<p class="subtext">actualite du site</p>
</li>
<li class="point_de_vente">
<p><a href= "pointdevente.php">Point de Vente</a></p>
<p class="subtext">Point de vente du site</p>
</li>



Voici le CSS:

#menu ul
{
margin: 0 auto;
}

ul
{
margin: auto;
padding:0;
}


li
{

width:105px;
height:50px;
float:left;
color:#191919;
text-align:center;
overflow:hidden;
}


a
{
color:#FFF;
text-decoration:none;
}


p
{
padding:0px 5px;
}


.subtext
{
padding-top:15px;
}


/*Classes des couleurs du menu*/
.collection
{
background:#6AA63B;
}
.actualites
{
background:#FBC700;
}
.point_de_vente
{
background:#D52100;
}


Je ne vois pas pourquoi il ne veut pas être centrer

Merci de votre aide