Joomla 1.5 Всплывающее меню

Всем доброго времени суток! Еще одна проблема - поставила компонент всплывающего меню swMenuFree. При наведении на родительский пункт меню подпункты уходят за блоки. Подскажите, пожалуйста, как решить проблему?
http://spektrat.tmweb.ru

 

Используйте z-index.

 

Если нетрудно - поподробнее. Спасибо.

 

А где его использовать? Если нетрудно поподробнее. Спасибо.

 

В самом компоненте есть ручное редактирование css, смотрите там.
В коде у вас тут отрицательное значение z-inex

<div id="menu-0-section" class="section" style="width: 247px; top: 11px; left: 100px; visibility: hidden; z-index: -1;">

 

Не хотела надоедать - но лучше скину весь код компонента

.ddmx{
border:0px solid #FFFFFF !important ;
}
.ddmx a.item1,
.ddmx a.item1:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
padding: 5px 5px 5px 5px !important ;
top: 0px !important ;
left: 0px;
font-size: 12px !important ;
font-family: Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: normal !important ;
color: #19197 !important ;
text-decoration: none !important ;
display: block;
white-space: nowrap;
position: relative;
background-image:none;}
.ddmx td.item11 {
background-color: #008B8 !important ;
padding:0 !important ;
border-top: 1px dashed #191970 !important ;
border-left: 1px dashed #191970 !important ;
border-right: 1px dashed #191970 !important ;
border-bottom: 0 !important ;
white-space: nowrap !important ;
}
.ddmx td.item11-last {
background-color: #008B8 !important ;
padding:0 !important ;
border: 1px dashed #191970 !important ;
white-space: nowrap;
}
.ddmx td.item11-acton {
padding:0 !important ;
border-top: 1px dashed #191970 !important ;
border-left: 1px dashed #191970 !important ;
white-space: nowrap;
border-right: 1px dashed #191970 !important ;
}
.ddmx td.item11-acton-last {
border: 1px dashed #191970 !important ;
}
.ddmx .item11-acton-last a.item1,
.ddmx .item11-acton a.item1,
.ddmx .item11-acton-last a:hover,
.ddmx .item11-acton a:hover,
.ddmx .item11 a:hover,
.ddmx .item11-last a:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
background-image:none; color: #FFFFFF !important ;
background-color: #5F9EA0 !important ;
}
.ddmx a.item2,
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
padding: 5px 5px 5px 5px !important ;
font-size: 12px !important ;
font-family: Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: bold !important ;
text-decoration: none !important ;
display: block;
white-space: nowrap;
position: relative;
z-index:500;
opacity:0.85;
}
.ddmx a.item2 {
background-image:none; background-color: #008B8 !important ;
color: #000000 !important ;
border-top: 1px dashed #11B8F4 !important ;
border-left: 1px dashed #11B8F4 !important ;
border-right: 1px dashed #11B8F4 !important ;
}
.ddmx a.item2-last {
background-image:none; background-color: #008B8 !important ;
color: #000000 !important ;
border-bottom: 1px dashed #11B8F4 !important ;
z-index:500;
}
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
background-image:none; background-color: #B0E0E6 !important ;
color: #FFFFFF !important ;
border-top: 1px dashed #11B8F4 !important ;
border-left: 1px dashed #11B8F4 !important ;
border-right: 1px dashed #11B8F4 !important ;
}
.ddmx .section {
border: 0px solid #FFFFFF !important ;
position: absolute;
visibility: hidden;
display: block;
z-index: -1;
}
.ddmxframe {
border: 0px solid #FFFFFF !important ;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */


Посмотрите сами, пожалуйста.

 

Попробуйте изменить z-index на положительное значение.

 

Результата 0

 

Теперь проблема с боковым выпадающим меню.. Подпункты меню не видны..
http://spektrat.tmweb.ru
Помогите мне, пожалуйста.. Модуль SuperFishMenu

 

Переименуйте блок в котором "Каталог оборудования" и для него измените css

.art-Block {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
min-height: 11px;
min-width: 11px;
position: relative;
z-index: 0;
}

min-height: 11px; сделайте больше.