Spry Menu Bar CS4

Question

I have used the horizontal Spry Menu Bar for the navigation for my website.  I used a tiered system because I needed two levels of drop downs for the menu.  When we loaded the site to the web yesterday it worked fine on Mozilla but there was a glitch on IE.  Instead of dropping down in a stacking order, the submenus would be lined up horizontally along the screen in a long line.  I'm not sure if I need to edit the .css file for the spry menu bar, or the .js file.  Any help would be greatly appreciated!
Note:  I've attached the javascript code AND the css code for reference.

Answer 1

I was just struggling with this, too. I think I have it fixed -- it's looking good in IE7 and IE8 (my standalone of IE6 has conflicts and refuses to open this morning).
You need to update the CSS. Give this a try.
ul.MenuBarHorizontal ul li
    clear:left;
    float: none;
    background-color: transparent;
     color: #878189;
Take a look -- the menus should be displaying vertically in a list in IE, but you'll see the background color isn't extending to fill the entire list box.
So add the background-color property with the correct color to the ul.MenuBarHorizontal ul entry.
I haven't gone through your code line by line, but those two changes fixed it for me. Let me know if it works.