hola, tengo el siguiente problema..
Estoy armando un menu horisontal...
tipo... Item ---- Item ---- Item ---- Item --- Item
Ahora yo quiero que debajo de cada item aparezca un selector, centrado al item, a que me refiero con un selector, una imagen o lo que sea, que aparezca debajo del item en el que estoy.
Ahora lo quiero solucionar, es que el selector no se ve en internet explorer, pero en crhome y en firefox si, y es necesario que se vea en todos los navegadores.
Aqui coloco la estrucutra simple del selector, obviamente que para que me aparezca solo debajo del item que quiero es con js u otro tema, pero eso ya lo tengo resuelto.
Mi problema es que no se ve el selector en inernet explorer... este es mi html y mi css...
Gracias
Código HTML:
.nav{
position:absolute;
left:50%;
width:980px;
top:120px;
margin-left:-490px;
height:60px;
}
.item{
float:left;
text-align:center;
padding-left:10px;
}
.selector{
position:relative;
left:50%;
width:30px;
height:20px;
margin-left: -15px;
background-color:#000000;
}
<div class="nav">
<div class="item">Home<div class="selector"></div>
</div>
<div class="item">El Lugar<div class="selector"></div>
</div>
<div class="item">Eventos<div class="selector"></div>
</div>
<div class="item">Multimedia<div class="selector"></div>
</div>
<div class="item">Merchansing<div class="selector"></div>
</div>
<div class="item">Blog<div class="selector"></div>
</div>
<div class="item">Contacto<div class="selector"></div>
</div>
</div>