Конечно не секрет)))
Назначил id для каждого модуля меню в index.php:
<td id="mainmenu_middle"><div id ="menu1">
<jdoc:include type="modules" name="left" style="" />
<?php if($this->countModules('left')) : ?>
<?php endif; ?>
</div></td>
и
<td id="dop_menu"><div id ="menu2">
<jdoc:include type="modules" name="user4" style="" />
<?php if($this->countModules('user4')) : ?>
<?php endif; ?>
</div></td>
в CSS прописал стили:
#menu1 a.mainlevel {
margin-top : 1px;
padding-top : 0px;
font-size : 12px;
width : 180px;
text-indent : 10px;
background-image: url(../image/menu_point.png);
background-repeat:no-repeat;
background-position:center left;
}
#menu1 a.mainlevel:link {
padding : 0px 0px 0px 0px;
font-size : 12px;
width : 180px;
text-indent : 10px;
}
#menu1 a.mainlevel:link, #menu1 a.mainlevel:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
padding : 0px 50px 2px 0px;
color : #FFFFFF;
width : 180px;
text-indent : 10px;
text-decoration : none;
padding-left:12px;
}
#menu1 a.mainlevel:hover {
font-size : 12px;
color : #FFFFFF;
font-weight : normal;
text-decoration : underline;
text-indent : 10px;
}
#menu2 a.mainlevel {
margin-top : 1px;
padding-top : 0px;
font-size : 12px;
width : 180px;
text-indent : 10px;
background-image: url(../image/dop_raz.png);
background-repeat:no-repeat;
background-position:bottom left;
}
#menu2 a.mainlevel:link {
padding : 0px 0px 0px 0px;
font-size : 12px;
width : 180px;
text-indent : 10px;
}
#menu2 a.mainlevel:link, #menu2 a.mainlevel:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
padding : 0px 5px 0px 0px;
color : #6b6b6b;
width : 180px;
text-indent : 10px;
text-decoration : none;
padding-left: 10px;
}
#menu2 a.mainlevel:hover {
font-size : 11px;
color : #6b6b6b;
font-weight : normal;
text-decoration : underline;
text-indent : 10px;
}
прикол оказался в том, что explorer, в отличие от оперы и мозилы, не воспринимает эти штуки:
#menu1 li {
list-style-type: none;
display: inline;
}
#menu1 li:before {
content: url(../image/menu_point.png);
}
#menu2 li {
list-style-type: none;
display: inline;
}
#menu2 li:before {
content: "| ";
}
сделал меню не как список, а горизонтальным обычным меню и просто назначил на фон пунктов меню изображение, которое хотел, чтобы выходилось вместо маркера и задал отступы слева. вот и все решение оказалось)))
