Hello,
>From a scan of your CSS it seems that you are applying the images to
the anchor elements. However, when you are hovering within a submenu,
the associated parent anchor is no longer being hovered, so the hover
image is lost. Try applying the images to the li elements and leave
the anchor backgrounds transparent. The parent li element is still
being hovered when the cursor is within the associated submenu, hence
the hover image will remain.
Replace this type of declaration:
#nav-aboutus a:hover { background-image: ...
With this kind of thing:
#nav-aboutus:hover,
#nav-aboutus.sfHover { background-image: ...
Notice that you will need to add the .sfHover selector in addition to
each :hover selector in order to support IE6. It also has the added
bonus of applying your desired affect when using the keyboard to tab
through the menu.
Joel Birch.
