Get 2 Flyout/Dropdown menus to work in IE?

[Dr.CSS]

I've tried all kinds of JS tricks, don't know too many/none, and looked/googled but still cant get 2 menus to work with IE...

Our code...
// The variables
var cssid = "primary-nav"; // CSS ID for the menuwrapper
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


I've tried adding another var with no luck....

Other menu JS I've found relies on class which works in the demo but not in my page...

http://www.javascriptkit.com/script/script2/dbmenu/

The only one I found that doesn't require the menu to be hand coded in the JS...

Site I need it for... http://www.gochongqing.com/index.php/test  this template is not the final, look at the home for true template, it's strechy/flexible...

[Nullig]

I've been trying to do the same, with no luck.

I hope you get an answer.

EDIT: I just read something about menu widths being a problem in IE. Try this:

Code: Select all

#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; <-- remove 
   margin-left: -1px;
}

#primary-nav a {
   width: 100%; <-- remove	
}

Nullig