modulo de menu.. ayuda con el css por fa

[Masticore]

Hola a todos.. necesito ayuda por fa
les explico..
tengo el siguiente menu - este se despliega para abajo.. y al elegir un item queda con una boton amarillo
este es el codigo q ocupa

#horiz-menu li.active,
#horiz-menu li.level1:hover#current {
background: transparent url('../images/style1/menu_h_l.png') no-repeat 0 50%!important;
}
#horiz-menu li.active a,
#horiz-menu li#current.level1:hover a {
background: transparent url('../images/style1/menu_h_r.png') no-repeat 100% 50%;
}
#horiz-menu li.level1:hover {
background: url('../images/style1/menu_l.png') no-repeat 0 50%!important;
}
#horiz-menu li.level1:hover a.level1 {
background: url('../images/style1/menu_r.png') no-repeat 100% 50%;
color: #ffcc33;
}
#horiz-menu li li a:hover,
#horiz-menu li li.sfhover a:hover {
color: #ffcc33!important;

asi es..

y yo quiero colocar este menu. q es en forma horizontal los submenus pero no he podido agregarle el fondo del boton aqui les dejo la foto



este es el codigo Q ESTADO MODIFICANDO.. ya le deje el color y al pasar encima queda amariilo pero no logro dejar elboton detras..

div.menuContainer
{
background-color: #ffffff;
padding: 0px;
margin: 0px;
border-top: 1px solid #272727;
border-bottom: 1px solid #272727;
border-right: 1px solid #272727;
opacity: 0;
filter: alpha(opacity = 0);
}

div.horizontalMenuContainer, div.verticalMenuContainer, div.sub-horizontalMenuContainer, div.sub-verticalMenuContainer, div.sub-singleMenuContainer
{
background-color: #272727;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
filter: alpha(opacity = 0);
z-index: 100;
}

ul.horizontalMenuContainer, ul.verticalMenuContainer, ul.singleMenuContainer
{
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden;
}

ul.horizontalMenuContainer
{
border-left: 1px solid #272727;
border-bottom: 1px solid #272727;
border-top: 1px solid #272727;
border-right: 1px solid #272727;
}

ul.verticalMenuContainer
{
border-left: 1px solid #272727;
border-right: 1px solid #272727;
border-bottom: 1px solid #272727;
}

ul.singleMenuContainer
{
border-left: 1px solid #272727;
border-right: 1px solid #272727;
border-top: 1px solid #272727;
border-bottom: 1px solid #272727;
float: left;
}

ul.singleMenuContainer ul.singleMenuContainer
{
border: 0px;
}

#menuContainer li.horizontalMenuItem
{

float: left;
display: inline;
}

#menuContainer li.verticalMenuItem
{
float: none;
display: block;
clear: both;
}

#menuContainer li.singleMenuItem
{
font-weight: bold;
display: inline;
float: left;
}

#menuContainer li.singleMenuItem li.singleMenuItem
{
font-weight: normal;
display: block;
clear: both;
}

a.horizontalMenuItemText, a.verticalMenuItemText, a.singleMenuItemText
{
/* We need the background color here for IE7. If not, the links do not fill horizontally and MouseOver fires */
background-color: #272727;
margin: 0px;
padding: 5px;
text-decoration: none;
color: #FFCB41;
display: block;
}

a.horizontalMenuItemText
{
border-right: 1px solid #272727;
border-left: 1px solid #272727;
}

a.verticalMenuItemText
{
border-bottom: 1px solid #272727;
border-top: 1px solid #272727;
}

a.singleMenuItemText
{
}

ojala me puedan ayudar y decirme q me falta

gracias

[Larenz]

Se trata de usar un poco el sentido común y la lógica amigo. O sea, si tienes dos códigos diferentes y uno jala una imagen y el otro no te la jala, ¿no crees que entonces debes fijarte qué tiene uno qué no tiene el otro?

Pues obviamente tiene que ver con el background: url(xxxxxxxx). Fíjate bien que tu primer código hace llamado a una imagen de fondo y el segundo que muestras en ningún momento muestra ese llamado. He ahí el asunto.

[Masticore]

AMIGO.. si lo habia hecho . a mi segundo menu le agregue lo siguiente

a.horizontalMenuItemText, a.verticalMenuItemText, a.singleMenuItemText.level1:hover#current {
background: transparent url('../images/style1/menu_h_l.png') no-repeat 0 50%!important;
}
a.horizontalMenuItemText, a.verticalMenuItemText, a.singleMenuItemText:hover#current {
background: transparent url('../images/style1/menu_h_r.png') no-repeat 100% 50%!important;
}


se ven con fondo igual que el otro pero todo el menu, incluido los sub... y yo necesito que solo se vea con boton cuando me coloco sobre una opcion.... igual que el otro..

ojal me puedas decir q estoy haciendo mal..
graciassss