The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

javascript menu problem with IE

The code below works fine in Firefox. The way it works in IE is that when you hover over a main menu, the sub-menus pop out as expected. BUT when you move the mouse to a sub-menu, the sub-menus disappear.

Maybe it's working IE it's programmed but working the way I want it to in Firefox.

Either way, the way I want it to work is when mouse form main menu to sub-menu, the sub-menu stays out there until you mouse to another main menu, click on a sub-menu, click on another part of the page. This is the way I think most pop-out menus work.

Well, you have set the event handlers to watch the mouseover and mouseout of the <a> tag. Unfortunately, the <a> tag does not include the submenu, so when you mouse over the submenu, hey presto it disappears.

I would eliminate the <a> tag altogether and put the onmouseover and onmouseout handlers directly in the <li> tag, which DOES include the submenu and shouldn't have this problem.