У меня получилось вот такое
Таблица стилей из шаблона Joomla
ul#mainlevel-nav {
/* list-style : none;
padding : 0;
margin : 0;
font-size : 11px;
padding-left: 10px;
margin-right: 10px; */
margin: 0;
padding: 0;
float: left;
font:11px Tahoma;
border: 0px;
height: 31px;
border:5px solid White;
}
ul#mainlevel-nav li {
/* text-align:center;
background-image:none;
font-weight : bold;
float : right;
margin : 0 auto;
padding : 0;
font-size : 11px;
height : 26px;
line-height : 26px;
white-space : nowrap;
background-color: transparent; */
display: inline;
}
ul#mainlevel-nav li a {
text-align : center;
font-weight:normal;
font-size : 11px;
display : block;
padding-left : 7px;
padding-right : 7px;
text-decoration:none;
text-transform
percase;border-left: 1px solid #222;
letter-spacing: 2px;
background-image : url(../images/nav.gif);
background-repeat:repeat-x;
}
#buttons > ul#mainlevel-nav li a {
/* width : auto; */
float: left;
color: #bbbbbb;
text-shadow: 0.1em 0.1em 0.05em #000000;
padding: 9px 11px;
text-decoration: none;
}
ul#mainlevel-nav li a:hover {
text-decoration:none;
background-image : url(../images/nav_hover.gif);
background-repeat:repeat-x;
}
ul#mainlevel-nav li a#active_menu-nav {
/* font-size: 12px; */
background-image : url(../images/hovo40k.png);
/* background-repeat:repeat-x; */
color: #a0a0a0;
}
ul#mainlevel-nav li a#active_menu-nav:hover {
text-decoration : line-through;
}
Стили из HTML шаблона
.solidblockmenu{margin: 0;padding: 0;float: left;font:11px Tahoma;border: 0px;height: 31px; border:5px solid White;}
.solidblockmenu li{display: inline;}
.solidblockmenu li a{float: left;color: #bbbbbb;text-shadow: 0.1em 0.1em 0.05em #000000;padding: 9px 11px;text-decoration: none;}
.solidblockmenu li a:visited{color: #bbbbbb;}
.solidblockmenu li a:hover, .solidblockmenu li .current{color: #a0a0a0;background:url(/img/hovo40k.png; border:5px solid white
}}hr {color:#212121; border:none; height:2px; background:#121212 url(/img/hr.png) repeat-x 0 bottom;}
Скажите пожалуйста где допущена ошибка.Заранее благодарю.