Pues era lo que sospechaba. tu menú tiene muchos problemas de posicionamiento. estos menús de FF funcionan bien cuando no se centralizan los contenedores. Te sugiero que hagas uno spry ya que es mas fácil de 'costumizar', pero si quieres arreglar este has lo siguiente:
Pon un div con el siguiente estilo al rededor de lo que tienes en el body, osea, el primer tag antes después de el del comienzo del body y el segundo antes del final del body, así:
Código css:
Ver originalposition:relative;width:640px;margin:0 auto;
osea, que al fina quedará asá:
Código html:
Ver original<!--esto ya lo tienes tienes-->
<body onload="MM_preloadImages('Botones/div_quienessomos_f2.jpg','Botones/div_quehacemos_f2.jpg','Botones/div_comoparticipar_f2.jpg','Botones/div_contacto_f2.jpg')"> <!--pones este div nuevo-->
<div style="position:relative;width:640px;margin:0 auto;"> <!--todo el contenido que tienes-->
<!--cierras el div-->
<!--esto ya lo tienes tienes-->
Esto lo que hace es que encierra todo tu contenido dentro de un div con posición relativa, lo pone del tamaño de tu contenido y lo pone en el centro. Después tienes que cambiar las posiciones de los contenedores div que contienen los menús secundarios. Ve a la hoja de estilo de los botones:
Botones/fireworks.css
Tienes que cambiar los siguientes estilos:
Código css:
Ver original#MMMenuContainer0711143819_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0711143819_0 and contains the important positioning information for the menu as a whole */
position:absolute;
left:212px;
top:190px;
visibility:hidden;
z-index:300;
}
#MMMenuContainer0711145001_1 {
/* This ID is related to the master menu div for menu MMMenuContainer0711145001_1 and contains the important positioning information for the menu as a whole */
position:absolute;
left:372px;
top:190px;
visibility:hidden;
z-index:300;
}
#MMMenuContainer0711145241_2 {
/* This ID is related to the master menu div for menu MMMenuContainer0711145241_2 and contains the important positioning information for the menu as a whole */
position:absolute;
left:532px;
top:190px;
visibility:hidden;
z-index:300;
}
A todos cambiales el 'top' a 184px, mas o menos. Puedes jugar con ese valor. El 'left' en todos es diferente. A '
#MMMenuContainer0711143819_0' le das 0px o 2px si lo quieres un poco separado del borde. A los otros dostienes que darle un valor de menos pixeles. Yo les di el valor de 162px y 324px respectivamente, pero tú ya sabrás como te gusta mas.
Me dejas saber si tienes algún problema. Saludos.