Desplazamiento del boton

[vec]

Hola mis sabios amigos...

Necesito nuevamente de su sabiduria... en este link.. http://www.campcanineflorida.com/test1.html

Subi la web en la que estoy trabajando. Alguien muy amablemente me ayudo con el menu... pero cada vez que el mouse se coloca encima de la opcion principal o de cualquier subopcion se desplaza unos pixels a la derecha. Y no me gusta, quiero que el boton quede en el mismo lugar, solo que cambie de color.

Ademas, me gusta que la opcion principal este centralizada, pero las suopciones esten en la izquierda, caundo modifico eso en el codigo, o me centraliza todo o me lo pone todo a la izquierdo, no logo hacer las dos cosas por separado.

Alguien podra ayudarme con este problemita?? Muchas gracias desde ya...

[laratik]

¿que pasa si eliminas esta regla?:

Código CSS:

#menu ul li:hover {position: relative;
}
 

y en el selecto que abre el nuevo menu eliminas position:absolute:

Código CSS:

#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
/*position: absolute;*/left: 0px;
 

[vec]

Superrrrr sos un genio!!!..

Ahora como hago para que quede centralizado las opciones principales ocmo ahora, pero las subopciones queden del lafo izquierdo???

Un millon de gracias nuevamente!!!

[laratik]

Ya entendí lo que deseas, es que no había leído completo tu primer post, la solución seria algo tan sencillo como cambiar el siguiente selector:

Código CSS:

#menu ul li ul li a {width: 160px;
padding: 6px 0px 8px 5px;
border-top-color: #000;
text-align: left;
}
 

Claro que puedes cuadrar el margen izquierdo con el ultimo valor del atributo padding.

mi menú:

[vec]

Muchisimas gracisss!!! esta perfecto!!!!