вставвка меню в новую позицию

В общем суть проблемы такова... добавил новую позицию по-центру в шблоне.. тепреь хочу вставить туда меню.. и вот тут начинаются загвоздки.. меню надо сдлеать плоским списком, а не как мэйнменю но при этом стили нужно подогнать одинаковые.. и вот что-то не получается... + еще зеленая окантовка... так и не понял как она вставляется.... прописываю style=rounded и она появляется.. но картинка окантовки короче по длине ... собственно как и этот момент поправить?!
сам я новичек поэтому просьба строго не судить и не кидать камни... для наглядности вставляю скрин

 

У меня на сайте верхнее меню плоское.... http://www.joomla-seo.in.ua
и так
Стиль меню "(Legacy) Плоский список", суфикс класса меню -nav,

ul#mainlevel-nav {
list-style : none;
margin : 0;
padding : 0;
font-size : 14px;
}

#mainlevel-nav li {
float : center;
display : inline;
list-style : none;
background-image : none;
width : auto;
color : #ffffff;



}
#mainlevel-nav li a {
display : inline;
width : auto;
background : #0D0D0D;
padding : 11px 6px;
color : #ffffff;
text-decoration : none;
font-weight : normal;
line-height : 38px !important;
_height:0;
}


#mainlevel-nav li a:hover {
width : auto;
color : #ffffff;
background : url(../images/bg_body.jpg);
padding : 11px 6px;
font-weight : normal;
text-decoration : none;


}
ul#mainlevel-nav li #active_menu-nav {
cursor : default;
width : auto;
background : url(../images/bg_body.jpg);
padding : 11px 6px;
color : #ffffff;
text-decoration : none;
}



ul#mainlevel-nav li #active_menu-nav:hover {
cursor : pointer;
position : relative;
width : auto;
background : #303A43;
padding : 11px 6px;
color : #ffffff;
text-decoration : none;

}