Cascading Menus & Swap Image

[BioSmith]

I've created a website for my school courses, and have a cascading menu
across the middle of the page. When you mouse over a button (like the one
titled "Links"), the drop-down menu shows and the button changes from red to
yellow. When you move down to mouseover any of the dropdown menu though, the
original links image swap goes back, from yellow to red.

See what I mean at http://www.biosmith.info, and check the code as well.

What do I need to do so that the original "Links" button remains yellow,
even when the mouse cursor moves down onto the drop-down menu? How can I
maintain the yellow button image when any part of the menu is moused-over?
Rather than swapping back to red.

If you can tell me just the small code changes that are necessary, that
would be great!

Thanks!

 

[Roger]

You might look at the discussion in my previous post "submenu flashes" I
eliminated the onmouseout restore and that eliminated the flash. You then
do have to find a way to close the submenus. I now hide all the others when
any other menu item is selected and I have an onclick on the content cell of
my page that will close all menus in case the user moves away from the menu.
There are links in the previous discussion that give more elaborate
solutions.

Roger