Hello Joel,
Thanks for the response! I managed to figure it out... you were right
i had been applying the style to the anchor elements. It works exactly
perfect now! The only thing I would like to do, and I am not sure how
to implement it at this time: add a different background image for the
last item (or an empty item) in a menu list. I am using an image for
the background currently. Basically I am wishing to create an image
with rounded corners for the end of the menu (and the moz border
radius didnt create a good result). Any brief suggestions would be
appreciated. I really enjoy superfish.
Many Thanks.
On Oct 20, 6:28 pm, "Joel Birch" <[EMAIL PROTECTED]> wrote:
> 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.
