Third menu level with sub menues has the same text and background color [moved]

[zyml]

This is Issue 100 moved from a Google Code project. Added by 2010-11-25T17:57:20.000Z by [email protected]. Please review that bug for more context and additional comments, but update this bug.

Original labels: Type-Defect, Priority-Medium

Original description

<b>What steps will reproduce the problem?</b>
1. Create a menu with top level
2. A second level with sub menues
3. A third level with sub menues

<b>What is the expected output? What do you see instead?</b>
I expected to get a third level menu with the same background and text color as the rest of the menu. 
Main level in menu
   |-Second level
      |-Third level
         |-Forth level
On the third level when I have a forth level I don't get the colors right, they have the same color as text and background but it works when I hover over them, it get's inverted as it should.

<b>What versions of WordPress and Arras Theme are you using?</b>
Arras version 1.5
WP version 3.0.1 (Swedish)


<b>Please include the link to your installation.</b>
To access the site you have to add 195.74.38.17    www.kalix.fhsk.se to your hosts file.

<b>Please provide any additional information below.</b>
I checked the code some more and it seams like the level 3 with a level 4 submenu inherits the text color from sfHover from the level 2 item.
I hover over &quot;Uppdragsutbildningar&quot; to show the sub menu with 8 sub menues, 4 of them has a forth level of menu and as you can see in my screenshot the text color is the same as the background as the item thinks that I hover over it regarding the text color. It gets the sf-with-ul style, the same as used for li.sfHover. If I remove sf-with-hover from the a-tag in the sub menu it get's the right color. See attached files for some screenshots and CSS info.