¿Menú horizontal con los botones centrados?

[JSGarcia91]

GRACIAS flashmax SI QUE FUNCIONA

Dejo el código por si a alguien le sirviera el código.

HTML

<div id="menuhor">
<ul id="boton">
<li><a href="#">Botón 1</a></li>
<li><a href="#">Botón 2</a></li>
<li><a href="#">Botón 3</a></li>
<li><a href="#">Botón 4</a></li>
<li><a href="#">Botón 5</a></li>
</ul>
</div> <!-- Cierre de "menuhor" -->

CSS

/* M E N U H O R I Z O N T A L */

#menuhor {
width: auto;
height: 50px;
margin-left: -8px;
margin-right: -8px;
background-image: url(../img/estilo/bg_menu.png);
margin-top: 0px;
}

#boton {
padding: 0px;
margin: auto;
text-align: center;
}

#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);
}