Buenas, abrí una discusión pero creo que el lugar correcto para ponerlo es aquí, ...he estado haciendo pruebas con mi menú desplegable y me funciona pero no de la misma manera en explorer (7) que en firefox (3.0.1)...
en IE me lo muestra así:
en Firefox así:
Como podria hacer para que en firefox me los muestre juntos como en explorer y para que en explorer no me moviese Catálogo y no me desplazase la 1ª opción hacia la derecha?? Gracias!!!
Mi css:
* {
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}
#menu {
/* Lo tuve que cambiar para que me lo situase correctamente...
font-size:0.9em;
margin:20px auto;
text-align:center;
*/
height:16px;
margin:0 20px 0 0;
padding:10px 0;
text-align:left;
}
#menu ul {
list-style-type: none;
}
#menu ul li.nivel1 {
float:left;
}
#menu ul li a {
background-color: transparent;
color: #FFFFFF;
display:block;
padding:0px;
position:relative;
text-decoration:none;
}
#menu ul li:hover {
position:relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
background-color: #111111;
color: #FFFFFF;
position:relative;
}
#menu ul li a.nivel1 {
display:block !important;
position:relative;
}
#menu ul li ul {
display:none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
display:block;
left:0;
position:absolute;
width: 150px;
}
#menu ul li ul li a {
border-top-color:#000000;
padding:0px 0px;
}
#menu ul li ul li a:hover {
border-top-color:#000000;
position:relative;
}