Не могу заставить меню использовать нужный стиль

[Phoenix-ann]

Уважаемые участники форума, перечитала все подобные темы форума, но к сожалению так и не смогла решить проблемы. Мне необходимо заставить каждый пункт горизонтального меню использовать свой стиль (для каждого пункта меню создала отдельный модуль), так вот пункт автоматически привязывается к стилю основного контейнера (bm_category_container), но не того div в который он заключен. Привожу кусок кода:

<div id="bm_category_container">
                  <div id="header_wm">
                  <jdoc:include type="modules" name="models_wm" />
                    <ul class="models_wm">
                              <li>
                              <ul>
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td><li>
                                <a href="?option=com_virtuemart&page=shop.browse&category_id=20&Itemid=1">ПлатьÑ�</a>

То есть мне нужно чтоб модуль models_wm использовал стиль прописаный для div id="header_wm. Заранее спасибо, я новичек, уже 3 дня сижу над этим моментом, пробовала и суффиксы добавлять и ID, но не получается(

[neut ral]

во-первых странно видеть <jdoc:include...> и сразу за ним <ul><li> и т.п.
подозреваю что сам jdoc:include должен эти ul li и выводить

а по теме - приведите код получаемый в результате внутри <div id="header_wm"> </div>
(еще лучше было бы ссылку на сайт привести если есть онлайн)
п.с.: скорее всего там надо будет создать некоторую конструкцию в CSS типа div.header_wm ul li ...еще что-то... { ...стили... }

[Phoenix-ann]

Да, получается вот такой код

<div id="bm_category_container">
<div id="header_wm">
<ul class="menu">
<li class="item13">
<a href="/index.php?option=com_virtuemart&Itemid=13">
</li>
</ul>
<ul class="models_wm">
</div>

В CSS коде у меня все стили для div.header_wm прописаны, но я так понимаю, что нужно прописать стиль именно для item13, но видимо, что-то не так делаю, так как стиль кнопки все равно берется из div.bm_category_container, подскажите пожалуйста как правильно написать. К сожалению сайт у меня локально показать не могу. Вот пример стиля для

#header_wm ul {
  list-style-type: none;
  display: none;
  position: absolute;
  background: #000;
  padding: 10px;
  background: url(../image/women_bg.png);
  border: 2px #901e78 solid;
  top: 24px;
  left: -30px;
  z-index: 10000;
  margin-left: 25px;
}

#header_wm ul li {
  color: #fff;
  width: 180px;

  padding: 5px 0;
  font: 12px Verdana;
  float: none;

}

#header_wm ul li a {
  color: #fff;
  font: 12px Verdana;
  font-weight:bold;
  float: none;
}

#header_wm ul li a:hover {
  color: #ccc;
  float: none;
  text-decoration: none;
}

[neut ral]

Да, получается вот такой код

<a> открыт, но не закрыт, да и текста ссылки нет
<ul> открыт и не закрыт, но уже закрыт </div>
что-то явно не так...

display: none;

?

в общем слегка "причесал" код и вставил в тестовый HTML и CSS - посмотрел хромом - стили header_wm на месте...
что-то Вы не так делаете и наверно не все (или не в том виде) сюда выкладываете...