EDITO: creo que entendí mal qué quería desplazar Porque no le está indicando posición a la lista que se despliega al :hover
Ajuste al gusto (px más o px menos) los valores top y left, tal que así:
Código CSS:
Ver originalul.menu li:hover > ul {
background:none repeat scroll 0 0 #B8BFC5;
display:block;
opacity:0.6;
top:10px;
left:0;
z-index:20;
}
Corrijo mi apreciación inicial. Tiene múltiples selectores que le afectan. Uno de ellos en la línea 152 /ul.menu > li > ul/ donde le indica /top:-50px/
Debería optimizar y depurar un poco su css.
Declaraciones como
Código CSS:
Ver originalbody {
background:url("imagenes/fondo.jpg") repeat-x scroll 0 0 #A09E92;
margin:0 0 200px 200px;
}
#centro {
background-color:#FFFFFF;
margin:7px 5px 20px 20px;
width:727px;
}
Puede que le arregle algo en una resolución muy concreta y precisa, pero en el resto de los casos, serán una fuente de problemas. Creo.