Hi,

I am developing a website were I am required to create a dropdown navigation system for the main navigation.

The menu is dynamically created from an Access database using ASP and it has a maximum of 4 sub menus.

I have created the navigation using an un-ordered list and formatting it using CSS. I am also using CSS to make the sub menus appear when the user hovers over it.

My problem is that it is working as I want it to in FireFox but in Internet Explorer it isn’t. This is the address to my Navigation Menu (http://www.ecoschoolsscotland.org/ecoschools_website/test/asp_menu/main_navigation.asp).

As you can see, it works perfectly fine in FireFox but when in Internet Explorer it will only show the first sub menu and no more after that.

I think it has something to do with the li:hover as I think IE doesn’t recognize this (only a:hover). The menu is based on an article I found on a website (http://alistapart.com/articles/horizdropdowns), and it also provides some JavaScript that that can sort out the li:hover problem and this seemed to work, but only to show the first sub menu.

Another Problem I have with this menu, is that when I include it within my actual webpage (http://www.ecoschoolsscotland.org/ecoschools_Fwebsite/home/index.asp?linkID=6’) it doesn’t show any of the sub menus in IE, sometimes it doesn’t appear at all and when you hover over it, it then does something to the news scroller on the right hand side.

My web pages are made up of separate files using Server Side Includes. (For example, separate file for the header section, separate file for the main navigation, separate file for the news scroller and footer etc).

Thanks

There could be any number of things going on that is causing your problem. CSS, HTML, or JavaScript.

There are two paths you can follow to find a solution.

1) Simplify your code to determine where the problem is. Create a very simple menu with only a couple of menu items with sub menus. You could also put some alerts in the JavaScript to help you debug it. There may not be any real problem, but just the fact that IE doesn't support some code int he same manner as Firefox. In that case you could use the simple model to rewrite the code so it is cross browser capable.

2) Find another similar script which you can verify is cross browser capable and then rework it to fit your needs.

Well, there is always an option 3 of writing your own solution from scratch, but that can be a pain with something that can get complex.

Michael J