прочитал http://forum.storela...ыпадающее-меню/
Создал доп.меню, переделал блок верхней навигации на этот:
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> <li><a href="ссылка" title="На главную">Главная</a> </li> <li><a href="http://supertelo906090.ru/catalog" title="В каталог продукции">Каталог</a> <ul> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li><a href="{menu.dop-menu-katalog.links.URL}" {% IF menu.dop-menu-katalog.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.dop-menu-katalog.links.TITLE %}title="{menu.dop-menu-katalog.links.TITLE}"{% ENDIF %}>{menu.dop-menu-katalog.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li><a href="http://supertelo906090.ru/page/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" title="Контактная информация">Контакты</a> </li> </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->
и добавил в main.css
#mainmenu{ position:relative; } #mainmenu li{ display: block !important; float: left; } #mainmenu li ul { display: none; left: 0; width:200px; position: absolute; top: 39px; z-index:99; } #mainmenu li:hover ul{display:block;} #mainmenu li ul li{ width:200px; padding:10px; border-bottom:1px solid #000; background:#999; } #mainmenu li ul li a{ font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif; padding: 0px; background:none; } #mainmenu li ul li a:hover{ background:none; }
Но ничего так и не работает.
Скажите, пожалуйста, почему