[not solved] hover&active img in 1st level when...

Hi all.
I'm making a new template changing the normal CSS but beggining from a clean with no styles menu..

In the first level menu (with the principal links) i have this code that gives me an image in the principal links:
When the mouse its hover the principal menu item it works good, and i put this CSS:
The problem is when we go down to 2nd level (sub-menu) .. we want to see the others sub items but we could see that the hover image (menubckg3.gif) in the principal menu goes away to their default image (menubckg2.gif)..
How can i fix that image in hover position but active in the sub menus items?

Thanks

i was trying to fix the image in menu on my test website
when we go down to sub menu...
but i cant find the code...
to apply when the mouse is hover the .floatck area

and the image in the top menu is {visibility:visible}

what css could be applyed to solve this please?

hi
have you tried with
div#maximenuck ul.maximenuck li.level1:hover > a span.titreck
Ced

is almost!
I dont know what is going on here but it only work in the 2nd main menu item.
and I have a total of 11 items in the main menu.

i added this code like you said:
div#maximenuck ul.maximenuck li.level1:hover > a span.titreck {background:url(../images/menubckg3.gif) repeat-x top right;line-height:36px;}

Thanks!

yahoo
i have my css wrong..
with your help discover!
div#maximenuck ul.maximenuck li.level1:hover > a span.titreck,
div#maximenuck ul.maximenuck li.level1:hover > span.separator span.titreck {background:url(../images/menubckg3.gif) repeat-x top right;line-height:36px;}

Many thanks!!