Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/01/2012, 05:01
marcvilap
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 16 años
Puntos: 1
Manera correcta de hacer un desplegable

Hola compañeros, estoy realizando un menú desplegable y me encuentro un problema con ie6 y ie7. Sé que estos navegadores son anticuados pero a veces me sirven para detectar algún error de maquetación, como creo que es el caso.

Pongo aquí el HTML

Cita:
<div id="desplegable_contenedor">
<div id="desplegable_flecha">
</div>
<div id="desplegable">

Todas las opciones del desplegable
</div>
</div>
y aquí el CSS

Cita:
#desplegable_contenedor{
float: left;
height: 225px;
margin-left: 80px;
margin-top: 66px;
position: absolute;
width: 860px;
z-index: 100;
display:none;}

#desplegable_flecha {
background-image: url("../imagenes/flecha.png");
background-position: 131px 0;
background-repeat: no-repeat;
float: left;
height: 10px;
width: 100%;
}
#desplegable{ background-color: #333;
padding:10px;
border-radius:8px 8px 8px 8px;
float:left;
height: 189px;
width:100%;
}
Es correcto lo que hago? En ie8, ff y chrome sale OK pero en ie6 y ie7 no

Muchas gracias