Приветствую!
Проблема следующая, почти мистическая)
Существует меню со следующим кодом:
Код:
<ul id="menusecondfull">
<li class="current"><a href="/about_us/history/" target="_self"><span>История компании</span></a></li>
<li><a href="/about_us/virtual/" target="_self"><span>Виртуальная экскурсия</span></a></li>
<li><a href="/about_us/quality/" target="_self"><span>Качество</span></a></li>
<li><a href="/about_us/documents/" target="_self"><span>Раскрытие информации</span></a></li>
<li><a href="/about_us/sitemap/" target="_self"><span>Карта сайта</span></a></li>
</ul>
СSS:
Код:
#menusecondfull { font:normal 1em/2em Arial, Helvetica, sans-serif;}
#menusecondfull li { list-style:none; background:url(/images/menu-marker.gif) no-repeat 0px 6px; padding-left:20px;}
#menusecondfull li a { color:#0C86C4;}
#menusecondfull li.walk a { font-weight:bold; color:#0B3EB7; }
#menusecondfull li.current a { font-weight:bold; color:#F90; }
В Firefox это выглядит так:
[img]http://s42.***********/i096/0901/b4/d2be221d8540.jpg[/img]
А в IE 6 вот так:
[img]http://i011.***********/0901/81/e8f24c762d2d.jpg[/img]
В данном случае я сначала поднес мышь к пункту "Раскрытие информации", а уже потом к пункту "Качество"
Такой вот ролл-овер получился) Спасите-помогите кто-нибудь, не знаю в чем бага(
Добавлено через 11 минут
Проблема решилась добавлением значения высоты списка
#menusecondfull { font:normal 1em/2em Arial, Helvetica, sans-serif;
height:1px;}