internet explorer es.... David copperfield. Hace desaparecer mi menú!

[CHuLoSoY]

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:

<div id="menu">
            <ul id="navigation">
                <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>
            </ul>
        </div>
 

Código CSS:

#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:

$(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.

[masterpuppet]

Que tal CHuLoSoY,

comproba con firebug porque a mi me tira errores.

Saludos.

[marcopoloaz06]

Hola,
si te das cuenta tu menu desaparece cuando se bordea tu texto,
a de ser algun tipo de conflico con curvycorners.js


Saludoss David Copperfield
:]

[CHuLoSoY]

tiraba errores porque estaba haciendo debug y le quité las fotos de fondo.

marcopoloaz06 : a ver qué encuentro pero no tiene mucho sentido... curvycorners no es compatible con jquery?

[CHuLoSoY]

Lo más curioso es que le quito los bordes redondeados almenú y sigue desapareciendo.
ah! e insisto que si saco el menú de dentro de la capa contenido no desaparece, pero tampoco tiene movimiento de jquery!

Es todo tan raro que me gustaría lanzar una bomba anti explotter para exterminarlo del mundoo

un saludo

[CHuLoSoY]

Peroooo tienes razón! si elimino la inclusión del curvycorners.js se ve

[masterpuppet]

A mi me sigue tirando errores,

linea 22 addEvent(window, 'load', initCorners);

y tal cual lo tenes armado si el browser es diferente de IE va a fallar porque ejecutas codigo de una libreria que no esta cargada, si curvycorners solo se va a ejecutar en IE deberia estar esa parte del codigo dentro de los comentarios condicionales tambien.

[CHuLoSoY]

no hombre, ahora nada que lo tengo yo así, pero la intención ya directamente será quitar las esquinas redondeadas