Using Images Navigation - 2nd Level Question

[Jellybean]

Hi Everyone,

I am using images for my first level navigation with the second level nav displayed in a drop down (similiar to the horizontal menu).  The image for the active page and mouse over is different from the normal image - I will refer them to as ACTIVE STATE and INACTIVE STATE.  Everything is working great except when I mouse over the second level nav, the parent nav goes to the INACTIVE STATE image.  Is there a way to show the ACTIVE STATE when browsing the second level nav drop down?

For Example:

Home (home.gif)
Section 1 (s1.gif)
Section 1.1
Section 1.2
Section 1.3
Section 2 (s2.gif)
Section 2.1
Section 2.2
Section 3 (s3.gif)

The user is on Section 2
Home (home.gif)
Section 1 (s1.gif)
Section 1.1
Section 1.2
Section 1.3
Section 2 (s2on.gif)
Section 3 (s3.gif)

When they mouse over on Section  1
Home (home.gif)
Section 1 (s1on.gif)
Section 1.1
Section 1.2
Section 1.3
Section 2 (s2on.gif)
Section 3 (s3.gif)

When they mouse over on Section 1.1
Section 1 then becomes s1.gif.  What I want is for it to stay as s1on.gif.

Any ideas?

[Dr.CSS]

Do you have a link?

[Jellybean]

Hi Mark - I sent you an email.  Thanks!

[mattandaniel]

Hi guys,

Does anyone have a solution to this? I'm thinking of doing a menu in a similar way.

Thanks

[Dr.CSS]

If you look at the default install CSSMenu top + 2 columns you will see the li is changed when you are scrolling down the list of drop down menu items this is done with having the a:link style as one color and the li:hover as another...