Wie kann ich Twitter Bootstrap Dropdown Hover in IE

Question

überschreiben Dies funktioniert in Chrome, Safari und Firefox. Aber nicht in IE9. Ich möchte den blauen Hintergrund aus dem Dropdown-Menü Hover entfernen.

Ich habe ein Twitter-Bootstrap-Dropdown-Menü.

<ul class="dropdown-menu"> 
    <li> 
    <a href="https://stackoverflow.com/users/sign_out">Sign out</a> 
    </li> 
</ul> 

In meinem overrides.css (beladen nach bootstrap.min.css)

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

jedoch in IE die background-color und background-image nicht funktioniert, es ist immer noch die Twitter Bootstrap-blau. Die color funktioniert gut, es ist rot, wenn ich schwebe.

Jede Hilfe wird sehr geschätzt! Hier

ist ein jsfiddle mit meinem Beispiel: http://jsfiddle.net/tcpxq/

Answer 1

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