float проблемы кроссраузерности.

[airr]

Конкретная ситуация: Есть меню на сайте. Есть выпадающие пункты меню. Меню прорисовывается в дивах:

<div class="menu-hidden-out">
 <div id='thisid' class="menu-hidden-in">
 Текст Выпадающего меню.
 </div>
</div>

.menu-hidden-out {
 position:relative; 
 width: 100%; 
 z-index: +100;
}
.menu-hidden-in {
 visibility: hidden; 
 position: absolute; 
 top: 0px;
 padding: 0px;
 margin: 0px;

 max-height:200px;
 height:expression(this.scrollHeight > 200? "200px" : "auto");

 max-width:700px;
 width:expression(this.scrollWidth > 700? "700px" : "auto");

 min-width:120px;
 width:expression(this.scrollWidth < 120? "120px" : "auto");

 overflow:auto;
 border: 1px solid #B4BFDB; 
}

И проблема:

IE - адекватно воспринимает и перерабатывает html-код, т.е. пинимает значения в промежутке от 120 до 700 пикселей, если див не уложился в этот промежуток, то рисуется скорлл. Opera и Mozilla(FF) же рисуют скролл, начиная с min-width.

Вопрос:

Как сделать так, чтобы Operfa, Mozilla(FF) растягивали дивы .menu-hidden-in по ширине содержимого, а не по min-width?

[IrbIz]

Непользуйся ты этим min-width, с него толку как с козла молока, попробуй поставить просто width:auto;, а еси тебе надо чтоб слой держал какие-то минимальные размеры, засунь внутрь него еще один слой со стилями:

position: absolute;

width: px;

height: px;

top: 0px;

left: 0px;

и фсе. А текст пиши в первом. Внутренний слой тексту мешать небудет, а будет действовать как распорка, т.к. у него позицирование абсолютное, а если текста будет больше, то внешний слой будет расширятся.

Еси неполучится поробуй задать так

вместо min-width width: скоко-то px;(минимальный размер)

и дальше в цсс допиши:

*html .menu-hidden-in {

width: auto;

.............

}

этот клас будет воспринимать токо IE

или наоборт:

вместо min-width width: auto;

а дальше

*html .menu-hidden-in {

width: скоко-то px;

.............

}

[airr]

min-width заменить - это не так сложно. Остается все таки max-width. Если задавать его точно, то остальные проблемы просто отметаются. В принципе это и есть главная загвоздка - замена max-width. Как ее решить пока не очень понятно.