Thanks!

That worked. I have used Firebug to try and find the source of the grey (#808080) bg color that appears on hover - 216.119.72.72/index.php/performance.

I can't seem to find what rule is drving this.

?

See CSS rules for ".yuimenuitemlabel-selected", "yuimenuitem-selected", "yuimenubaritemlabel-selected" and "yuimenubaritem-selected" elements.

Regards,
ARI Soft

This is the rule I am using in the module.

#ariyui110.yui-skin-sam UL LI A.yuimenuitemlabel:hover {
background: transparent url('/images/aircraft_menu_over_bottom_bg.png') no-repeat !important;
border-style: none !important;
}


It works to set the bg on rollover but there is still a bg color appearing behind it. If they are driven by the same rule, how can this be?

Thanks,

Use FireBug to investigate elements styles because this problem with custom CSS rules.

Regards,
ARI Soft

Sorry to keep this string going but I am at a loss.

I have used Firebug and can't figure this out.

216.119.72.72/index.php/performance

There seems to be a hover rule that is displaying underneath my bg graphic. The color displaying is #808080. I went through all the css files and could only find a referrence to that color relating to borders. I removed them all anyway, nothing.

Then I added this rule to another instance of this ARI YUI menu:

#ariyui130.yui-skin-sam UL LI A.yuimenuitemlabel:hover
{
background-color: #FFFFFF;
}

That changed the color in question for that menu but the same rule applied to the 110 instance of the menu would not.

I am stumped.