Разное отображение меню - Joomla 3.x: Шаблоны, разметка и макеты вывода

Решил поменять меню на сайте (горизонт). На голом тестовом выглядит красиво (http://5.19.189.157/joomla)

тот же код на оф сайте как то похуже (http://gymnasium441.ru)
 ставил блок HTML и в нем  код прописывал. в свойствах блока стиль модуля- none
Код ниже.
Подскажите что не так??

Заранее спасибо!

Да вроде одинаково меню выглядит. В чём разница-то?

Да вроде одинаково меню выглядит. В чём разница-то?

Я сделал два скрина и в фотошоп. оказывается основной сайт почему то сжал меню. Вот скрин.

У вас два раза подгружается query -отсюда и проблемы. Уберайте или  query.min.js или 1.8.1/jquery.min.js
Что последнее ставили - плагин, модуль? Посмотрите, есль ли там галочка на подключение  query - убираем, нет -лезем в код и ручками вырезаем.
P.S  Для особо ленивых есть системный плагин - поиск вам в руки - видит все и удаляет не нужное из библиотек.

Вот код

<link rel="stylesheet" href="mbcsmboffice.css" type="text/css" />


<div id="mbofficeebul_wrapper">
  <ul id="mbofficeebul_table" class="mbofficeebul_menulist css_menu">
  <li title="домашняя страница"><a href="http://gymnasium441.ru"><div class="buttonimg buttonimg_36" style="width: 70px; background-image: url('mb_home.png')">Home</div></a></li>
  <li title="школьные новости...."><a href="http://gymnasium441.ru/index.php/trrt"><div class="buttonimg buttonimg_36" style="width: 93px; background-image: url('ebbtmboffice2.png')">Новости</div></a></li>
  <li title="контакты...."><a href="http://gymnasium441.ru/index.php/jgfdhb"><div class="buttonimg buttonimg_36" style="width: 99px; background-image: url('ebbtmboffice3.png')">Контакты</div></a></li>
  <li title="предложить новость"><a href="http://gymnasium441.ru/index.php/00"><div class="buttonimg buttonimg_36" style="width: 167px; background-image: url('ebbtmboffice4.png')">Предложить новость</div></a></li>
  <li title="проверяющим..."><a><div class="buttonimg buttonimg_36" style="width: 145px; background-image: url('ebbtmboffice5.png')">Проверяющим</div></a>
    <ul class="img_24">
    <li class="separator"><div></div></li>
    <li><a href="http://gymnasium441.ru/index.php/proveryayushchim/prilozhenie-1" class="with_img_24" title="вопросы мониторинга"><img src="mbico_mboffice_1.png" alt="вопросы мониторинга" />Приложение 1</a></li>
    <li class="last_item"><a href="http://gymnasium441.ru/index.php/proveryayushchim/sootvetstvie-zakonodatelstvu" class="with_img_24" title="соответствие законодательству...."><img src="mbico_mboffice_2.png" alt="соответствие законодательству...." />Соответствие законодательству</a></li>
    </ul></li>
  <li title="переход на сайт для слабовидящих......"><a href="http://lv.gymnasium441.ru"><div class="buttonimg buttonimg_36" style="width: 154px; background-image: url('ebbtmboffice6.png')">Для слабовидящих</div></a></li>
  <li title="о сайте..."><a><div class="buttonimg buttonimg_36" style="width: 100px; background-image: url('ebbtmboffice7.png')">О сайте</div></a>
    <ul class="img_24">
    <li><a href="http://gymnasium441.ru/index.php/o-sajte/obsluzhivanie-sajta" class="with_img_24" title="обслуживание сайта...."><img src="mbico_mboffice_3.png" alt="обслуживание сайта...." />Обслуживание сайта</a></li>
    <li class="last_item"><a href="http://gymnasium441.ru/index.php/o-sajte/pravila-sajta" class="with_img_24" title="правила сайта..."><img src="mbico_mboffice_4.png" alt="правила сайта..." />Правила сайта</a></li>
    </ul></li>
  </ul>
</div>

<script type="text/javascript" src="mbjsmboffice.js"></script>

Отключил нижнюю строчку <script type="text/javascript" src="mbjsmboffice.js"></script>
эффекта ни какого. по ходу этот скрипт и не применяется.
Тогда как отменить действие query на определенный модуль. Чтобы этот модуль работал только со своей js?