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

Добрый день. мучаюсь 2 день, дело такое, после того как я дописываю в CSS выпадающее меню слайдер заезжает на меню, у каждого своя позиция. Если убрать код выпадающего меню то слайдер становится на место. Подскажите где ошибка что нужно добавить чтобы слайдер встал на место. Выгрузил сайт на хостинг чтобы имели возможность посмотреть, я снова дописал код выпадающего меню и слайдер сьехал чтобы вы посмотрели. Спасайте, спасибо.
http://newglorija.hol.es/si/

прилагаю CSS меню


.moduletable_menu li, #menu-jquery li {
   display: inline;
   list-style: none;}
   
.moduletable_menu li a {
   
   /* Border Radius */
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: px;
   margin:1px;
   width:auto;
   text-align:center;
   margin-left:2px;
   
   /* Border Shadow */
   -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
   -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
   
   
   /* Animation (Webkit, Gecko & Mozilla) */
   -webkit-transition-duration: 0.20s;
   -webkit-transition-timing-function: ease-out;
   -moz-transition-duration: 0.20s;
   -moz-transition-timing-function: ease-out;
   
   color: #A0522D;
   background:#F5DEB3;
   display: inline-block;
   padding: 5px 10px;
   outline: none;
   font-weight:bold;
   text-decoration: none;
}

.moduletable_menu li a:hover {
      background:#A0522D;
      color:#F5DEB3;
      padding: 5px 25px;
   }

.moduletable_menu li a:active {
      background:#A0522D;
      color:#F5DEB3;
      -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
      -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
      box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
   }

.moduletable_menu li.active a {
      background:#A0522D;
      color:#F5DEB3;
      padding: 5px 25px;
   }
 
.moduletable_menu ul {
list-style: none;
display:inline;

}
.moduletable_menu ul ul {
margin: 0; /* all lists */
padding: 0;

}

.moduletable_menu ul li {
margin:0 0px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;

}

.moduletable_menu ul li ul {
width: 180px;
position: relative;
z-index: 99;
left: -999em;
height: auto;
width: 180px;

}

.moduletable_menu ul li ul ul {
margin: 0;

}

.moduletable_menuul li li {
padding: 0;
margin: 0;
width: 100%;

}

.moduletable_menu ul ul a {
width: 180px; }

вот то что выделенное красным добавляю и слайдер залазит на меню, почему

Попробуй добавлять margin-top в #djslider96 например 30px

Попробуй добавлять margin-top в #djslider96 например 30px

СПАСИБО БОЛЬШОЕ! получилось! очень признателен!++++++