CSS Vertical and Horizontal Drop-Down Menus on the same page?

Hi All,

I'm a newbie to CSS and want to have a webpage with both CSS vertical and horizontal drop down menus. So far, I've been unsuccessful at getting both of them to work in IE. I am modeling my menus after the following:

http://www.pmob.co.uk/temp/dropdown_horizontal2.htm

and

http://www.pmob.co.uk/temp/dropdown-vertical3.htm

I can get them to be activated on their own pages, but when they are on the same page together, they only work correctly in Firefox. Is there a hack that will make them work together in IE?

Thanks for you help ahead of time!
Mozman

 

IE needs the javascript to make this work, and the javascript is made for working with only one of these menus at the time. Therefor you need to use two different javascript most probably, which means you must rewrite one of the scripts.

Ex. in your vertical menu call the ul id ex. leftNav:
<ul id="leftNav">

And change the part below in the javascript for the vertical menu :
document.getElementById("leftNav");