Spry menu bar not displaying properly...

Hi,

first post here, I'll make no claims to being a web designer, but i'm giving this a shot!! i don't know a lot of the lingo, so bear with me and thanks in advance!

I have made a spry menu bar in DW cs3. some of them are just buttons that will (eventually) go straight to wherever they are linked to and these appear correct in either browser (IE or FF). my problem is that any of the buttons that have a drop-down show whichever background color I choose, instead of the background image that has been linked to each button. also, if any drop-downs have a ''secondary drop down'' they too are showing just the color, not the background. i've played with different things in the css file, but none seem to fix it. i'm guessing it might have to do with the ''hover'' image, but i can't find it specifically in the css file. I have changed everything i could find in it from the default image to the one i have made.

this is only in Firefox, it works great in IE8 i can post the code, but it might be unnecessary

thanks again!

Spry menu bar not displaying properly...

Welcome to the Dreamweaver Spry Forum! I see that this is your first visit.

Can you provide us a link to your page? It is much easier to troubleshoot when all the files (including your css file) are available through your html page. Posting the code is a poor substitute.

That said, look into your SpryMenuBarHorizontal.css file. For menu items with Submenus, there are background-images assigned to replace an earlier-defined background-image. If you can live without those little triangle images, you can comment these out or put your own replacements in these rules.

This is the section you are looking for (I have commented mine out):

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

******************************************************************************* /

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
?background-image: url(SpryMenuBarDown.gif);
?background-repeat: no-repeat;
?background-position: 95% 50%;
}*/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
?background-image: url(SpryMenuBarRight.gif);
?background-repeat: no-repeat;
?background-position: 95% 50%;
}*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a ''hover'' background image positioned on the far left (95%) and centered vertically (50%) */
%26lt;!--ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
/*{
?background-image: url(SpryMenuBarDownHover.gif);
?background-repeat: no-repeat;
?background-position: 95% 50%;
}*/--%26gt;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a ''hover'' background image positioned on the far left (95%) and centered vertically (50%) */
%26lt;!--ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
/*{
?background-image: url(SpryMenuBarRightHover.gif);
?background-repeat: no-repeat;
?background-position: 95% 50%;
}*/--%26gt;