Opera 9.1-9.2! Проблема со списками!

[mozart]

Доброго времени суток. Проблема в Опере 9.1-9.2, есть выпадающее меню построеное по средствам списков и CSS. Если ссылка сильно длинная и переносится на вторую строку, то Опера ее не показываетт вообще, к тому же режет нижнюю часть первой строки текста... Что делать? Обновить Оперу прошу не предлагать.

<ul id="top-nav">
	<li class="tnma tnmp"><a class="tnma tnmp" 
href="#" >О компании</a>
	<ul>
	<li><a href="#" >Строительная техника</a>
</li>
	<li><a href="#" >Импорт древесины</a>
</li>
	<li><a href="#" >Полужидкие строительные смеси</a>
</li>
	<li><a href="#" >Доставка грузов</a>
</li>
	<li><a href="#" >Снос жилых зданий</a>
</li>
	<li><a href="#" >Секционные заборы</a>
</li>
	<li><a href="#" >Магазин мягких игрушек</a>
</li>
	<li class="popend"></li></ul>
	</li>
	<li><a href="#" >Продукция</a>
</li>
	<li><a href="#" >Новости</a>
</li>
	<li><a href="#" >Информация</a>
</li>
	<li><a href="#" >Контакты</a>
	</li><li> </li>
</ul>

CSS

#top-nav li li { 
   width: 178px; 
}

#top-nav, #top-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;
}
#top-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#top-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}

#top-nav li { 
   margin-left: -1px;
   float: left;
display:block;
height:46px;
/*background:url() left center no-repeat;*/
}

/*#top-nav li:hover {
background:url() left center no-repeat;
}*/

#top-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative;
display:block;
height:inherit;
/*background:#ffffff url() left repeat-y;*/
background:#ffffff;
border:#a5a5a5 solid 1px;
border-top:none;
border-bottom:none;
<!--height:10px;-->
}

/*#top-nav li li:hover {background:#ffffff url() left repeat-y;}*/

#top-nav a { 
   display: block; 
   margin: 0px;
   text-decoration: none; 
   color: #006699;
font-weight:bold;
}

#top-nav a:hover {
color:#fd8a4b;
}

#top-nav li a { 
margin-top:16px; 
padding:0 15px;
font-size:10pt;
}

#top-nav li li a { 
margin:0;
font-size:8pt;
/*line-height:10px;*/
padding:3px 10px;
text-align:left;
}	

#top-nav ul, 
#top-nav li:hover ul,
#top-nav li:hover ul ul, 
#top-nav li.tnmph ul, 
#top-nav li.tnmph ul ul { 
   display: none; 
}

#top-nav li:hover ul, 
#top-nav ul li:hover ul, 
#top-nav ul ul li:hover ul, 
#top-nav li.tnmph ul, 
#top-nav ul li.tnmph ul, 
#top-nav ul ul li.tnmph ul { 
   display: block;
padding:10px 0 5px 0;
margin-top:14px;
/*background:url() top center no-repeat;*/
border-bottom:#a5a5a5 solid 1px
/*border:#a5a5a5 solid 1px;
border-top:none; */
width:178px;
}

#top-nav li li { 
   float: left; 
   clear: both; 
}
#top-nav li li a { 
   height: 1%; 
}
#top-nav ul li.popend {height:6px; width:178px; background:none; background:url(uploads/KBI/popend.gif) center top no-repeat;}

Попытка установить dragonfly под версию 9.1-9.2 что бы хоть увидеть че Опера не понимает увенчалась неудачей, т.к. на оф сайте под эту версию dragonfly'я уже нет, поиск в др. источниках тоже не дал результатов.. В слепую тож ничего не получается..((

Помогите плиз..

Edited December 10, 2008 by mozart

[Vlad]

У меня Опера 9.5 и единственная длинная строка это "Полужидкие строительные смеси". Но она показывается нормально вполне. Приведи картинку, где ошибка видна.

[homm]

Версия 9.26

Все как в других браузерах

[mozart]

У меня Опера 9.5 и единственная длинная строка это "Полужидкие строительные смеси". Но она показывается нормально вполне. Приведи картинку, где ошибка видна.

ссылка на часть скриншота: http://tzen.net76.net/uploads/opera/opera-error.jpg . Там обрезаются все надписи по низу, продолжение полужидкие строительные смеси обрезается, остается только полужидкие, надпись магазин мягких игрушек вылазит за пределы выпадающего меню. Эта проблема решается если убрать height:inherit для #top-nav li li, но тогда принимается высота #top-nav li, то есть 46 пкс, а этого не нада.. Указывать высоту для #top-nav li нада, что бы бордерсы слева указанные как background отображались полностью + при отсутствии height для #top-nav li проблема вообще попасть на пункт выпадающего списка, при попытке навестись на выпадалку, она скрывается..

[s0rr0w]

ссылка на часть скриншота: http://tzen.net76.net/uploads/opera/opera-error.jpg . Там обрезаются все надписи по низу, продолжение полужидкие строительные смеси обрезается, остается только полужидкие, надпись магазин мягких игрушек вылазит за пределы выпадающего меню. Эта проблема решается если убрать height:inherit для #top-nav li li, но тогда принимается высота #top-nav li, то есть 46 пкс, а этого не нада.. Указывать высоту для #top-nav li нада, что бы бордерсы слева указанные как background отображались полностью + при отсутствии height для #top-nav li проблема вообще попасть на пункт выпадающего списка, при попытке навестись на выпадалку, она скрывается..

Замени height на min-height

[mozart]

Замени height на min-height

Где его заменить, для какого элемента? Если height:46px в #top-nav li заменить на min-height:46px, это дает результат как при просто удалении height:inherit в #top-nav li li, тоесть #top-nav li li наследует высоту из #top-nav li.

Edited December 13, 2008 by mozart

[s0rr0w]

Где его заменить, для какого элемента? Если height:46px в #top-nav li заменить на min-height:46px, это дает результат как при просто удалении height:inherit в #top-nav li li, тоесть #top-nav li li наследует высоту из #top-nav li.

Мне кажется, что ты напоролся как раз на баг оперы.

9.27 - все нормально.