У меня возникла странная проблема с IE8. Страница DOCTYPE - QuirksMode, и я НЕ МОГУ ее изменить (я бы хотел, но в данный момент нет способа). Ширины взломаны, чтобы исправить разницу между модемами модема между IE и другими браузерами. Это простая горизонтальная навигационная панель. Он имеет границу, а выбранный элемент должен быть немного больше, чтобы «покрыть» внешнюю границу. Работает как очарование в FF, но в IE, #container игнорирует его свойство высоты и расширяется, чтобы соответствовать его дочерним элементам, получает до 34 пикселей и граница не покрывается.Проблема с IE Quirks Mode - Div с фиксированной высотой расширения
Упрощенная HTML заключается в следующем:
<style>
#container {
padding:0px;
margin:0px;
height:30px;
border-bottom:#000 2px solid;
background-color:#ccc;width:780px
}
#list {
padding:0px;
margin:0px;
height:100%;
float:left;
background-color:#CCFFFF
list-style-type:none;
}
#list li {
float:left;
}
.selected_item {
height:30px;
*height:32px;
border-bottom:#FFF 2px solid;
background-color:#FFCCFF
}
.nonselected_item {
height:28px;
}
</style>
<div id="container">
<ul id="list">
<li class="selected_item">First item</li>
<li class="nonselected_item">Second item</li>
</ul>
</div>
Любые идеи? Спасибо заранее. Андреа.