CSS drop menu problem caused by links underneath

I have been racking my brain on this one and need a little help.

I have this page with a CSS/JS menu


The problem occurs when I have a bread crumb that extends below one of the drop menus,like "Destinations". When you move your cursor down from the "destinations" tab to the menu it opened, the browser seems to turn the layer off and highlight the link under it, rather than allowing you to roll onto the opened menu layer. If you do not have the crumb below the tab, it works as expected. I hope this make sense.

Thanks in advance for any help to this problem.

Thanks for your time.
Who is Participating?
td234Connect With a Mentor Author Commented:
then the div will never turn off. if someone mouses off to the left or right I need it to turnoff.
Have you fixed the problem because it is not happening on my computer (everything works as expected)?
td234Author Commented:
Nope, still a problem. On a PC using IE is has a small area where is flashes off then on. On a PC using FF it works if you more your cursor fast, but not if you move slow (layer turns off). On a Mac is turns off on both Safari and FF.
From the "tab_Destination.jpg" img tag remove the onmouseout action completely:

this part to be removed:

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.