For several hours I've been trying to get my CSSMenu to work as I want and now I'm probably too tired to see what else I can try.
To make it easier to explain, a pic of what I encounter:

The plan/idea:
* Inactive elements - light blue bg, white text - working
* Active element - darker blue bg, white text - working
* Element On hover - white bg, black text - working
* Parent to the one hovered over - white bg, black text - the white bg working but not the black text.
I can't understand why the white bg is kept when moving from the parent to a child but not the black text

Any ideas on what I'm missing?
Below you'll see the part of the CSS I'm working on.
Thanks,
Andor
/* Styling the basic apperance of the menu elements */
#primary-nav a {
border: 1px solid #6666CC;
display: block;
margin: 0px;
padding: 5px 10px;
text-decoration: none;
color: #fff;
font-weight: normal;
}
#primary-nav li, #primary-nav li.menuparent {
background-color: #9999FF;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
background-color: #6666CC;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth {
background-image: url(modules/MenuManager/images/arrow1.gif);
background-position: center right;
background-repeat: no-repeat;
}
/* Styling the apperance of menu items on hover */
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh, #primary-nav a:hover {
color: #000;
background-color: #fff;
}