Hola amigos, estoy tenendo problemas con un menú desplegable y un select en IE6.
Este me queda por arriba del menú cuando lo despliego ¿me explico?
En FF y IE7 anda perfecto, despliego el menu y me queda arriba de los select, en IE6 pasa exactamente lo contrario, el select me queda por arriba del desplegable.
Les dejo el css del menu:
Cita: #contmenu{
background-color: #0667a0;
margin:0;
height:22px;
position:relative;
}
.menuppal ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.menuppal ul li{
position: relative;
display: inline;
float: left;
background-color: #0667a0;
font-family:Arial;
font-size:0.9em;
}
.menuppal ul li a{
display: block;
padding: 1px 3px;
border-left: 1px solid white;
border-right: 1px solid white;
border-left-width: 0;
text-decoration: none;
text-align: center;
line-height: 20px;
color: #fff;
}
.menuppal ul li ul{
left: 0;
position: absolute;
top: 1em;
display: block;
visibility: hidden;
}
.menuppal ul li ul li{
display: list-item;
float: none;
}
.menuppal ul li ul li ul{
left: 259px;
top: 0;
}
.menuppal ul li ul li a{
text-align: left;
display: block;
width: 160px; /*tamaño de la caja del subMenu*/
color: #fff;
text-decoration: none;
padding: 1px 5px;
border-top: 1px solid #fff;
line-height:2em;
}
.menuppal ul li a:hover{
background-color: #84b832;
color: #fff;
text-decoration: none;
}
* html .menuppal ul li {
float: left;
height: 1%;
}
* html .menuppal ul li a {
height: 1%;
width:70px;
padding:1px 2px;
}
*html #contmenu{
height: 1%;
}
.nobr {white-space: nowrap;}
.sombra_menu{
display:block;
background:#fff url(/imagenes/sombra-menu.png) repeat-x;
height:13px;
width:100%;
}
Estube buscando bastante por la web y lo unico que encontré fué esto, pero no sirve:
http://aplus.rs/wch/intro/
Si alguien sabe como solucionar esto les estare mas que agradecidos!
Slds
DX