Здравствуйте. У меня такая вот проблема - имеется графическое меню (ExtendedMenu) в виде [разделитель][пункт][разделитель][пункт][разделитель][пункт][разделитель]. В Лисе и Опере всё отображается замечательно: Но в Осле всё поехало Вот код меню уже сгенерированной страницы: Код (html): <!-- MENU PLACE --> <div id="menu_conteiner"> <script type="text/javascript" language="JavaScript" src="http://localhost/www/Joomla/templates/belokamenka/menu/js/menu.js"></script> <div class="menu-top"> <ul id="menulist_root-top" class="mainlevel-top" > <li id="menuitem_1-top"><span class="mainlevel-top"><span></span></span></li> <li id="menuitem_2-top"><a href="/www/Joomla/index.php?option=com_content&view=article&id=1&Itemid=4&lang=ru" class="mainlevel-top"><span>О КОМПАНИИ</span></a></li> <li id="menuitem_3-top"><span class="mainlevel-top"><span></span></span></li> <li id="menuitem_4-top"><a href="/www/Joomla/index.php?option=com_content&view=article&id=3&Itemid=10&lang=ru" class="mainlevel-top"><span>ЗАКАЗ</span></a></li> <li id="menuitem_5-top"><span class="mainlevel-top"><span></span></span></li> <li id="menuitem_6-top"><a href="/www/Joomla/index.php?option=com_content&view=article&id=2&Itemid=11&lang=ru" class="mainlevel-top"><span>КОНТАКТЫ</span></a></li> <li id="menuitem_7-top"><span class="mainlevel-top"><span></span></span></li> </ul> </div> </div> <div id="menubar_shadow"></div> <!-- END MENU --> CSS: Код (CODE): /*----------------------------------------------*/ #menu_conteiner { margin: 0px; padding: 0px; height: 63px; width: 1100px; } #menubar_shadow { display:block; margin: 0px; padding: 0px; width: 1100px; background: #9a82c6 url(../images/bottom_menu.jpg) no-repeat; height: 19px; } ul.mainlevel-top li a span { display:none; } ul.mainlevel-top li#menuitem_1-top { height: 44px; border: 0px; width: 226px; background: url(../images/menu_left.jpg) no-repeat; display: block; left:0px; } ul.mainlevel-top li#menuitem_2-top a { height: 44px; border: 0px; width: 174px; background: url(../images/btn_about.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_2-top a#active_menu-top { height: 44px; border: 0px; width: 174px; background: url(../images/act_btn_about.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_3-top { height: 44px; border: 0px; width: 64px; background: url(../images/sep_left.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_4-top a#active_menu-top { height: 44px; border: 0px; width: 160px; background: url(../images/act_btn_product.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_4-top a { height: 44px; border: 0px; width: 160px; background: url(../images/btn_product.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_5-top { height: 44px; border: 0px; width: 68px; background: url(../images/sep_right.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_6-top a { height: 44px; border: 0px; width: 148px; background: url(../images/btn_contact.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_6-top a#active_menu-top { height: 44px; border: 0px; width: 148px; background: url(../images/act_btn_contact.jpg) no-repeat; display: block; } ul.mainlevel-top li#menuitem_7-top { height: 44px; border: 0px; width: 260px; background: url(../images/menu_right.jpg) no-repeat; display: block; } В чём же может быть проблема? Ведь до второго разделителя всё нормально ------------------------ Поплясал с бубном, поставил для видимости бордер на <a> остаётся убрать эти отступы... но как?... пошёл пока что шаматить дальше....
Проблему решил. В IE конфликтовали правила CSS. Мои, прописанные графические кнопки, с объявленными по дефолту самого EM Бубен - это сила