Добрый день всем.У меня есть выпадающее меню (на самом деле div с display: none при событии onclick на панели поиска, оно появляется), помещенное внутри div со следующим стилем:
background-image: url("/whatever.png");
height: 80px;
position: relative;
top: 60px;
width: 100%;
У отображаемого div (выпадающего) есть:
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid;
height: 185px;
left: 140px;
padding-top: 3px;
position: absolute;
top: 25px;
width: 134px;
z-index: 25;
Теперь ... вот в чем проблема (мне пришлось скрыть некоторые элементы, извините за это, и я не могу предоставить онлайн-копию, извините за это тоже):
Красная линия - это div на том же уровне, что и контейнер раскрывающегося списка со стилем:
top: 140px;
width: 100%;
Синяя полоса (это div, помещенный в 2 других div с положением: относительныйи float: left, ничего больше) имеет:
background: url("blue.png") repeat scroll 0 0 #00FF00;
color: #FFFFFF;
float: left;
font-size: 12px;
font-weight: bold;
height: 22px;
margin-top: 20px;
padding-top: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 210px;
Это происходит только в IE 7 и 6. Это нормально для всех других браузеров.Любая помощь будет оценена.