Menu con UL centrado y en una misma linea

[daPhyre]

Estoy haciendo un menú en una página. Hace poco leí que es mejor poner los menús en listas por accesibilidad, manejo y no recuerdo que tanto, por tanto, lo estoy poniendo así:

Código HTML:

<ul>
<li><a href="pagina1.html">página1</a></li>
<li><a href="pagina2.html">página2</a></li>
<li><a href="pagina3.html">página3</a></li>
</ul> 

La idea que tenía, era poner el clásico sencillo menú de tipo

página1 | página2 | página3

Centrado. Para ello, lo puse dentro de un div clase menú que lo centra, y luego estas dos líneas para ponerlo en la línea:

Código:

#menu{list-style:none;}
#menu li{float:left;}

Por supuesto, el "float:left" hace que por tanto, el menú se ponga a la izquierda, y se pierda el centrado. ¿Cómo puedo hacer para lograr el efecto que deseo? Gracias de antemano

[FatalError]

Prueba con esto, la estructura cambia un poco pero básicamente es lo mismo:

Código HTML:

<div id="miMenu">
     <ul class="menu">
    	<li>Menú 1</li>
    </ul>
    <ul class="menu">
    	<li>Menú 2</li>
	</ul>
    <ul class="menu">
    	<li>Menú 3</li>
    </ul>
</div> 

Código PHP:

  #miMenu {
    background-color: #CCCCCC;    
    overflow: hidden;
}
 
#miMenu ul.menu {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    list-style: none;
    float: left;
    margin: 0px 0px 0px 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
} 
   

y para añadir submenús:

Código HTML:

<ul class="menu">
    	<li>Menú 3
        	<ul>
            	  <li>Primer elemento</li>
                  <li>Segundo elemento</li>
                  <li>Tercer elemento</li>
                </ul>
        </li>
</ul> 

[daPhyre]

Gracias. El overflow:hidden me ayudó con un problema que hacía que la siguiente línea se pusiera a continuación (Detalle que noté después), pero el menú sigue sin centrar. ¿Alguna idea? .~.

[Mikmoro]

Hola, daPhyre

¿Recuerdas el ejemplo de ayer del menú con cambio de ID en el body?

Le he hecho un pequeño retoque, y te sirve si tienes definido el tamaño de los botones. Si no también lo puedes adaptar.
La jugada es hacer una caja con el tamaño final de la suma de los botones y centrar esa caja.

A ver si te sirve.

Mikel.

[daPhyre]

Tienes razón, se debe poner un ancho específico al menú, pues lo que me centra es el ul estando los li como flotantes. El punto negativo es que no se adaptará dinámicamente (Dentro de un mes que lo olvide, pelearé una hora con el maligno "salto de linea" en mi menú ), pero al menos funciona perfecto y cumple su misión. ¡Gracias de nuevo Sensei Mikel!