Question

I have two problems with my Page right now

http://jsfiddle.net/aE2BB/1/

1st when I hover over administration, then go down to one of the sub items the font color turns gray.

2nd I cant figure out how to get the background of the sub items to be transparent at 80% using the color #ffffff. I want the purple to remain in the main item until you leave it.

Can anyone help me out?

Answer 1

[jsfiddle update]

1) Managed this using appropriate CSS selectors:

#navigation li.border:hover > a,
#navigation ul.sub-level a:hover {
    text-decoration:none;
    color: #fff;
}

The meaning is: “Select the immediate a child of li.border when hovered over (that’s the menu title) and also select all a elements under ul.sub-level that are hovered over.

2) I’m not sure I understood correctly what you wanted – does my update suit your needs? I added a bit of transparency and I also added -moz-opacity: 0.6; for cross-browser compatibility.