¿Menú horizontal con los botones centrados?

[flashmax]

Hola haber si así lo solucionas!!

Código HTML:

#menuhor {
width: 100%;
height: 50px;
margin-left: 8px;
margin-right: 8px;
background-image: url(../img/estilo/bg_menu.png);
margin-top: 16px; /* Margen superior negativo para pegar el menu al div con id "fondo_encabezado" */
}

#boton {
padding: 0px;
margin: auto;
text-align:center;
/*margin-left: 28%; /* Modificar el margin para centrar los botones cuando se añado o quite alguno */
}

#boton li {
display: inline;

}

#boton li a {
line-height: 30px;	
font-family: Arial;
font-size: 16px;
text-decoration: none;
display: inline-block;
padding: 10px;
color: #fff;
font-family: 'Dosis', sans-serif;
text-transform: uppercase;

} 

#boton li a:hover {
background-image: url(../img/estilo/bg_menu_hover.png);
}