Horizontal DHTML menu doesn't work in IE6

[skypanther]

My horizontal menus aren't working in IE 6. The drop-downs don't display in IE6 but work fine in IE 7 and FF. Check out http://faustsusakarate.com

I'm using CMSMS 1.02 with a customized template. I have the following in my template:





The CSSMenu.js file is uploaded to the specified location. No JS errors are being displayed.

I couldn't find a solution by searching...anyone have an idea for me to try?

Thanks,
Tim

[Dr.CSS]

The list class is messing it up? some times having a dbl. class in the list will throw it off li class="menuactive item15" the js is trying to amend it with an h to the end of it...

var menuadd = "h";  // Character to be added to the specific classes upon hovering. So for example, if this is set to "h", class "menuparent" will become "menuparenth" when hovered over.
var menuh = "menuh"; // Classname for hovering over all other menu items

function cssHover() {
var sfEls = document.getElementById(cssid).getElementsByTagName("LI");

[skypanther]

Ah, thanks Mark. I had modified the menu to include the double class so that I could apply formatting to one menu item. I didn't realize that in doing so I was breaking the menu for IE 6. I have it sort of working now, the submenus show but the rollover bgcolor changes aren't working (in IE6, all still works fine in FF and IE7). That's good enough for tonight. I'll dig through the menu code and css tomorrow.

Thanks!
Tim

[Dr.CSS]

I've done the same type of thing with picking out separate menu items for styling here... look under Products

http://blueoakom.com/

[skypanther]

Aha, you added a unique id to each of your menu items rather than adding another class. What an obvious solution that I completely missed. Thanks!

Tim