unwiggituagep
New Member
The contents inside \[code\]<div class="item">\[/code\] disappear in Internet Explorer, but are visible in all other browsers. Why? This question is a modified version of a previous question that never received an answer. Maybe my modifications have led me closer to a possible solution?HTML:\[code\]<td class="table_class"> <div class="relative"> <div class="relative"> <div class="absolute"> <div class="item_container"> <div class="item"> // there may be several of these divs </div> </div> </div> </div> </div></td>\[/code\]CSS:\[code\].table_class { vertical-align: top; position: relative; z-index: 2; padding: 0;}.relative { height:100%; width:100%; position:relative;}.absolute { position: absolute; top: 25px; right: 5px; bottom: 5px; left: 5px; overflow: hidden;}.item_container { height: 16px; font-size: 12px; clear: both; white-space: nowrap; margin-bottom: 1px;}.item { position: relative; z-index: 999999; background-color: transparent; float: left; text-align: left; clear: both;}\[/code\]What am I missing? (yes, the two divs with class="relative" are needed).