Come ignorare il menu a discesa di avvio Bootstrap di Twitter in IE

Question

Questo funziona in Chrome, Safari e Firefox. Ma non in IE9. Voglio rimuovere lo sfondo blu dal menu a discesa al passaggio del mouse.

Ho un menu a tendina bootstrap twitter.

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

Nel mio overrides.css (caricato dopo bootstrap.min.css)

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

Tuttavia, in IE il background-color e background-image non funziona, è ancora il cinguettio bootstrap blu. Il color funziona bene, è rosso quando si passa il mouse.

Qualsiasi aiuto è molto apprezzato!

Ecco un jsfiddle con il mio esempio: 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; 
}