Joomla 1.5 Вертикальное выпадающее меню под контентом

Доброго времени! Воспользовался одним предложенным сервисом и уроком к нему http://ktonanovenkogo.ru/html/sozdanie-vypadayuschih-menyu-na-servise-purecssmenu.html (не реклама), в принципе ничего сложного, естественно пришлось доводить (дописывать код) ровнять под мой шаблон в джумле. Но один "НЮАНС" не могу никак исправить, суть проблемы: выпадающее вертикальное меню, отображается под блоком контента, то есть толком самого выпадающего меню не видно (см. скриншот) и соответственно пункты подменю выделить и на них нажать не реально!!! Подскажите, пожалуйста, чего не хватает, в чем может быть проблема???

​

З.Ы. Чего только не делал уже, и вставлял разными способами, и в сам ПХП-код индекс файла и через модуль "собственное меню" и перелопатил весь css.. ума не приложу, подскажите что и где может прописать, дописать, убил на это уже сутки, а результата ноль

 

Проверь в CSS какой z-index у выпадающего меню.

 

от я деб.. чайник.. спасибо БОЛЬШОЕ , и ведь действительно провтыкал значение вообще внести, а в том сервисе его не поставили, там вообще много чего не поставили.. Вчера сидел перелопатил весь справочник по CSS, вдоль и поперек, а вот все равно упустил маленькую ДЕТАЛЬ

Вот возник еще такой вопрос: у меня выпадающее меню прозрачное, делал я его через залитый БекГраунд и ПНГ-картинку с прозрачностью, а можно каким либо образом сделать это без вмешательства картинок а только чисто кодом CSS? чтото у меня не получилось, подскажите пожалуйста если есть такая возможность

З.Ы. пока учусь, хотел по быстрому сварганить CSS-меню, ага, какраз

 

opacity

 

это я знаю но вот только когда я вставляю свойство со значением opacity: 0.5;, так все выпадающее меню становится полупрозрачным, и фон и текст, а мне необходимо чтобы значение прозрачности применялось только к фону, а все остальное было не прозрачным, как это сделать, что именно написать и где?

кусок css с закоментированным опасити:

ul.pureCssMenu ul{
width: 360px;
margin: 5px;

/* opacity: 0.5; */

background-image:url(../images/blank.png);
background-position: left top;
background-repeat: repeat;
border-color: #e0e0e0;
border-width: 1px;
border-style: solid;
z-index: 1;
}

 

я тоже как то с этим боролся...и всетаки решил вопрос черех 2/2 пх картинку с прозрачностью...

 

ну, собственно, я решил это точно также (все понятно по, представленному выше, коду), только картинку сделал 1х1px, а хотелось бы какой-то универсальности, чтоб не рисовать каждый раз картинку с нужным процентом прозрачности.. на сколько я знаю, свойства, применительно именно к бекграунду, вроде как нет, может я ошибаюсь, но я такого не нашел...

может кто подскажет вариант выхода в такой ситуации кроме использования картинок??