помогите пожалуйста решить проблему с ie6 или хотя бы понять её причину.
на страничке ie6 не показывает пункты меню второго уровня.
этот браузет не понимает :hover поэтому на пункт меню("контакты") я повесил js, который меняет стиль вложенного списка. и все таки такая конструкция почему то не работает.
сам js работает - пробовал им менять стили других элементов. проблема именно в css
помогите пожалуйста советом
вот часть кода, если так будет понятнее
на страничке ie6 не показывает пункты меню второго уровня.
этот браузет не понимает :hover поэтому на пункт меню("контакты") я повесил js, который меняет стиль вложенного списка. и все таки такая конструкция почему то не работает.
сам js работает - пробовал им менять стили других элементов. проблема именно в css
помогите пожалуйста советом
вот часть кода, если так будет понятнее
Код:
<styles>
.display{ /* не работает */
display: block;
}
</styles>
<ul class="navigation">
<li><a href="#" onmouseover="document.getElementById('subnav_1').className = 'display';">Контакты</a>
<ul id="subnav_1">
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>
</ul>
</li>
<li><a href="#">Услуги</a>
<ul>
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>
</ul>
</li>
<li><a href="#">Документы</a>
<ul>
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>
<li><a href="#">подменю</a></li>