Como centralizar um menu html+css?

[Carlos A. Torres]

Eu estou com uma duvida, como eu consigo centralizar o menu css+html?

Html:
<div id=menu>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="lista de animes.html">Lista de Animes</a></li>
<li><a href="mangas.html">Mangás</a></li>
<li><a href="ovasfilmes.html">Ovas/Filmes</a></li>
<li><a href="temporada.html">Temporada</a></li>
<li><a href="equipe.html">Equipe</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</div>

Css:
#menu{ 
background: #09F; 
margin: 2; 
float: left;
border-radius: 5px;


}
#menu ul{ 
list-style: none;
text-align: center;

}
#menu ul li{ 
float: left;
font: 16px arial;

}
#menu ul a{ 
color: #000; 
text-decoration: none ;
padding: 20px;
display: block;

}
#menu ul li:hover{
background: #06F;

}