Почему Internet Explorer создает содержимое внутри div с переполнением: скрытые исчезают?
Содержимое внутри самого внутреннего div отображается в любом браузере, кроме IE. Почему? Я заметил, что если я удалюoverflow:hidden
из.absolute_container
затем содержимое внутри.item
будет отображаться, но мне нужно `overflow: hidden``, чтобы остаться из соображений отображения.
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;
}