Menu css, funciona en FF pero no en IE, me ayudan?

[neodani]

Iniciado por Mikmoro

Te has adelantado un poco. Ya te dije que lo arreglaría, y ya está arreglado:

http://www.araudi.net/Desplegables/m...legable12.html

Funciona bien en IE6 y 7, FF2 y 3, Chome, Opera 9.5 y Safari 3.1 (windows)

Aquí dejo el CSS para darle el aspecto de la imagen anterior. Gracias a Mikmoro por ofrecernos de nuevo un menu multi-navegador ;)

Código:

* { margin: 0px;
padding: 0px; outline: 0;
}
html, body {margin:0.5em;}

body { background: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu {
font-size: 0.7em;
width:100%;
float:left;
background:#69CFDB;
}
#menu ul { list-style-type: none;
}
#menu ul li.nivel1 { float: left;
margin-right: 1px;

}

#menu ul li a {display: block;
text-decoration: none;
white-space:nowrap;
margin:0;
font-size:12px;
color:#FFF;
font-weight:bold;
padding: 6px 8px;
}
#menu ul li a.nivel2 {
border-left:3px solid #353535;
color:#000;
background:#a2e3e7 url(arrow_right2.gif) no-repeat right 8px;
}
#menu ul li a.nivel2:hover {
border-left:3px solid #353535;
color:#000;
background:#69CFDB url(arrow_right2.gif) no-repeat right 8px;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {/*background-color: #6CC;*/
color: #000;
position: relative;
background:#69CFDB;
}
/* flecha desplegable */
#menu ul li a.nivel1{
background:#69CFDB url(arrow_down.gif) no-repeat right 10px;
padding-right:15px;
}
#menu ul li:hover a.nivel1{
background:#69CFDB url(arrow_down.gif) no-repeat right 10px;
padding-right:15px;
}
/* fin flecha desplegable */

#menu ul li a.nivel1, #menu ul li a.nivel2 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;background-color: #a2e3e7;border: solid 1px #69cfdb;
}

#menu ul li a:hover ul li ul, #menu ul li:hover ul li ul{display: none;
}

#menu ul li ul li a:hover ul, #menu ul li ul li:hover ul {display: block;
position: absolute;left: 149px;top:-1px!important;top: -31px;
}
#menu ul li ul li a {width: 130px;
border-top-color: transparent;
padding: 6px 8px;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
#menu ul li ul li ul li a.primera {border-top-color: #fff;}


table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

Un saludo

PD: Como pruebas que funcione en el IE6, teniendo el IE7 te dejó instalar el IE6¿?