Buenas,
estoy teniendo una tremenda batalla con un menu desplegable y nuestro querido IE6. Tengo el siguiente css
Código CSS:
Ver original/* menu nuevo para todos los IE menos el 5*/
#menu { text-align: left;
font-size: 11px;
width: 751px;
/*margin: 20px auto;*/
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
width: auto;
margin-right: 2px;
}
#menu ul li a {display: block;
text-decoration: none;
color: #000;
background-color: #e9bb8a;
padding: 13px 14px 11px;
position: relative;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #ffa449;
color: #000;
position: relative;
}
#menu ul li a.nivel1 {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;
}
#menu ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
#menu ul li ul li a:hover {border-top-color: #000;background-color: #e9bb8a;
position: relative;
font-weight:bolder;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
/*fin menu desplegable*/
lo pueden ver en
www.oniricosistemas.com.ar/proyectos/
el tema es que quiero sacar el color que se muestra al pasar por la barra del menu (no los submenu).
La idea que siga teniendo el mismo color de fondo:
pero cuando intento poner aca:
Código CSS:
Ver original#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #ffa449;
esto:
Código CSS:
Ver original#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #e9bb8a;
ya no me muestra el desplegable, solamente pasa con ese color si le pongo otro color funciona todo con normalidad como puede ser esto?