Changing the background for bootstrap dropdown a on hover

Question

I am using bootstrap\'s dropdown from a navigation div, and I\'d like to change the color of the the sub-menu links on hover. Nothing I\'m attempting works,

Answer 1

Bootstrap defines a background image for the elements to override some clashes in their media queries. Remove the image to use a simple fill color.

You can redefine your hover as follows:

.dropdown-menu > li > a:hover {
    background-image: none;
    background-color: red;
}

http://jsfiddle.net/sW7Dh/4/