How to get highlight effect in submenu?

Please assist on how to get control of the submenu module items ... using the override.css.

I want to control the following things:
1. Unvisited link
2. Hovering link
3. Active link

There also appears to be a big gap which I do not want.

As my site is not live yet, let me know if I can give you a PM for you to have a look at it.

I am using the following code in override.css

Code: Select all

.box ul.menu > li.active > a {
    color: blue;
}

#gkSidebar .box a:hover { color: #222222; }

... but I can not get the child nodes to be highlighted. Any ideas?

ANY NEWS ON HOW TO SOLVE THIS?

I would really like to solve this.

This should be a simple issue to solve and something one should be able to control easily.
I would appreciate some help in solving this.
Hope to hear from you soon