¿Por qué Internet Explorer hace que el contenido dentro de un div con desbordamiento: oculto desaparezca?
Los contenidos dentro del div más interno se muestran en todos los navegadores, excepto en IE. ¿Por qué? He notado que si quitooverflow:hidden
desde.absolute_container
, luego los contenidos dentro.item
aparecerá, pero necesito `overflow: hidden`` para permanecer por razones de visualización.
HTML:
<tr>
<td>
<div class="relative">
<div class="absolute">
<div class="absolute_container">
<div class="relative">
<div class="item_wrap">
<div class="item">
// doesn't show up in IE
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
CSS:
.relative {
position: relative;
width: 100%;
height: 100%;
}
.absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.absolute_container {
position: absolute;
top: 25px;
right: 5px;
bottom: 5px;
left: 5px;
overflow: hidden;
}
.item_wrap {
overflow: hidden;
height: 16px;
font-size: 12px;
clear: right;
white-space: nowrap;
margin-bottom: 1px;
}
.item {
position: relative;
z-index: 999999;
background-color: transparent;
float: left;
}