menu funciona bien localmente pero mal en un servidor de prueba

[JAI_ME]

buenos dias,
tengo un menu desplegable hecho en CSS, localmente funciona a las mil maravillas, pero cuando lo subo a mi servidor de prueba y lo ejecuto en el navegador (Localhost), pasa lo siguiente

supongamos que este es el menu

opc 1 -> opc 1.1
opc 2 opc 1.2
opc 3 opc 1.3
opc 1.4


cuando ubico el mouse en opc1 despliega el menu correspondiente, pero cuando desplazo el mouse hacia opc 2, el submenu generado cuando estaba en opc 1 desaparece (hasta aqui perfecto); pero queda el fondo del submenu (no desaparece el background). como si no funcionara el display: none; para el fondo del submenu, pero si para el texto.

espero haberme hecho entender.

NOTA: solo en explorer no funciona. pero localmente funciona en todos los navegadores incluso explorer.

muchas gracias a todos.

[Carlangueitor]

Y el código? Digo, no somos adivinos

[jomaruro]

Hola:

Creo que el error está en la línea 13.

Saludos.

[JAI_ME]

buenas noches esto es el codigo css, que uso.

ul.menu li:hover {
text-align:left;
padding-left:5px;
color:#FFFFFF;
background-image:url(mapas/fmenu2.png);
background:#000000;
}

ul.menu ul
{
display:none;
position:absolute;
top:-1px;
list-style:none;
}

ul.menu li:hover > ul {
display: block;
}

ul.menu li
{
position:relative;
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:5px;
background-image:url(mapas/fmenu.png);
background:#CCCCCC;
background-repeat:repeat-y;
color:#202020;
width:115px;
}


y este es el codigo html

<ul class="menu">
<li>Mas<span>&raquo;</span>
<ul>
<li>opc 6</li>
<li>opc 7</li>
<li>opc 8</li>
</ul>
</li>

<li>opc 1</li>
<li>opc 2</li>
<li>opc 3</li>
<li>opc 4</li>
<li>opc 5</li>
</ul>

como les dije localmente si me funciona a la perfeccion en todos los navegadores pero en el servidor de prueba no.

espero que con esta informacion pueda ayudarlos a que entiendan mas mi inconveniente.

gracias

[alexk]

no entiendo naa jeje, aver una cosa
quita el "relative" de alli y ponlo al :hover aver que pasa

Código:

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

NOTA: solo en explorer no funciona. pero localmente funciona en todos los navegadores incluso explorer..

no cromprendo. pero bueno "ul.menu li:hover > ul " este selector no funciona en IE6, y el li:hover, pero bueno... supongo que te refieres a IE7 u 8.

no entiendo bien lo que pasa pero no tiene nada que ver que funcione en local y online nop...
revisa bien algo debe andar mal con el resto de tu codigo