Hola amigos. Os paso la dirección porque es un hecho inexplicable.
http://83.165.41.6/Proyectos Gallaenet/marina
Bien, en firefox : OK, en chrome : OK, en opera : OK, en todos: OK. En internet explorer: se ve el menú y cuando termina de cargar la página desaparece por completo.
Si lo quito de la caja de contenido y la saco para debajo del body, se muestra el menú y no desaparece, pero tampoco tiene movimiento (creado con jquery).
He aquí el código fuente:
Código HTML:
Ver original <LI><a href="index.php">Inicio
</a></LI> <LI><a href="index.php">El Restaurante
</a></LI> <LI><a href="index.php">Cafetería Victoria
</a></LI> <LI><a href="index.php">Cómo encontrarnos
</a></LI> <LI><a href="index.php">Nuestro entorno
</a></LI> <LI><a href="index.php">Galería de fotos
</a></LI> <LI><a href="index.php">Contacte con nosotros
</a></LI>
Código CSS:
Ver original#navigation li{
float:left;
margin: 1px 0px;
}
#navigation li a{
display:block;
text-align:left;
color:#FFF;
width : 170px;
text-decoration : none;
border-radius : 0px 10px 10px 0px;
-moz-border-radius : 0px 10px 10px 0px;
-webkit-border-radius : 0px 10px 10px 0px;
background: black;
padding-left: 20px;
}
#navigation li a:hover{
display:block;
padding-left: 20px;
text-align:left;
color:#FFCC25;
background : #580000;
}
Código Javascript
:
Ver original$(document).ready(function(){
var tab = $('#navigation li a');
tab.mouseenter(function(){
$(this).stop().animate({
paddingLeft:50,
width:195
}, 250);
});
tab.mouseout(function(){
$(this).stop().animate({
paddingLeft:20,
width:170
}, 250);
});
});
Creo que el código tiene poco de raro, lo raro es que funcione en todos los navegadores existentes y por haber e internet explorer haga de mago druida.
¿Alguien tiene alguna idea? Porque si supiera porqué hace esto ya lo tendría arreglado.
Muchas gracias
Saludos.