Why I have this strange CSS behavior on the a:hover tag?

Question

I have a problem with this custom theme on wich I am working on: http://www.asper-eritrea.com/

The problem is that when you pass the mouse over a link (for example the t

Answer 1

That CSS rule means, select all the links in the li's in the ul's in the widget-sidebar AND all a tags on hover, what you're looking for is:

.widget-sidebar ul li a, .widget-sidebar ul li a:hover {
    color: #f1b000;
}

This means they will always be yellow, even on hover