css - IEでTwitter Bootstrapドロップダウンホバーをオーバーライドするにはどうすればよいですか

Question

これは、Chrome、Safari、および Firefox で機能します。しかし、IE9 ではありません。ドロップダウン メニューのホバーから青い背景を削除したい。

Twitter ブートストラップ ドロップダウン メニューがあります。

<ul class="dropdown-menu">
  <li>
    <a href="/users/sign_out">Sign out</a>
  </li>
</ul>

私のoverrides.css（bootstrap.min.cssの後にロード）

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

ただし、IE ではbackground-colorとbackground-imageが機能せず、まだ twitter ブートストラップ ブルーのままです。ホバーするcolorと赤くなります。

どんな助けでも大歓迎です！

これが私の例のjsfiddleです：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;
}