[jQuery] Superfish via PixoPoint menu w/background images problem

[mpmch...@gmail.com]

Hello,

I'm hoping someone can shed some light on this. I'm setting up a
Wordpress site, using the Pixo Menu Plugin to auto generate the top
menu. It integrated Superfish out of the box.

I'd already designed the site, and successfully adapted the css to
match, using background images for the back, but have run into one
sticking point.

Though this code in the css allows for the top menu to stay "selected"
using a background color as the cursor drops into the menu and
submenus below...

#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
        color:#175696;
        background: yellow;
}

... I can't figure out how to adapt it now that I'm using background
images for the top level LI elements. I can't get the hover state to
stick when the cursor drops into the cub UL. This is what I've tried:

#pixopoint_menu1 li.page_item.page-item-7:hover,
#pixopoint_menu1 li.page_item.page-item-7.sfhover {
        background: transparent url(/img/nav.png) no-repeat;
        background-position: -110px -27px;
}

I'm using very specific LI classes, as the top menu LI's vary in
width, and I'm repositioning a background png for the different
states.

Any insight into how to fix this would be appreciated.

Thanks,
Michael