IE8リンクの背景色がホバリングで変化しない

Question

IE8のリンクのホバー状態に問題があります。次のようにコードがある：

<div id="navigation"> 
    <a href="/" class="home">Home</a> 
</div> 

とCSS：

今

#navigation { 
    float: right; 
    height: 29px; 
    margin: 50px 0 0 23px 
} 

#navigation a { 
    color: #FFF; 
    float: left; 
    font-size: 120%; 
    height: 25px; 
    margin-right: 7px; 
    padding: 2px 10px; 
    text-align: center; 
    width: 104px; 
} 

#navigation a.home { 
    background-color: #f4e034; 
} 

#navigation a.home:hover { 
    background-color: #fffbd4; 
} 

、これは私が（クローム、サファリ、FF、IE6、およびIE7）でテストしている他のすべてのブラウザでは正常に動作し、それホバー上のIE8でリンクの背景色を変更することはありません。

a要素にdisplay: blockとdisplay: inline-blockを追加しようとしました。また、ホバータグの背景色の後に!importantを追加しようとしました。私はまた、これに影響を与える他の要素がCSSにないことを確認しました。

この問題をGoogleで検索すると、IE8ベータ版に関する多くのことがわかります。これはそうではありません。また、これは私にメニュー関連のリンクの答えを与えますが、これはそうではありません。それは私に背景色ではない影響を受けているものに対する答えを与えます。そして、それは私にフォント色を変えるところではなく、背景色ではない（私の場合はどちらも動作しない）ものを私に与える。

他の誰もこの問題に気づいていないかと思います。事前に感謝します。

Answer 1

私はあなたのように見える問題がありました。私はあなたがしたようにあらゆる方法を試みたが、それは役に立たない。

私の最終的な解決策は、あなたがホバーする必要がある要素に背景色を設定することでした。

私はその時にショックを受けていましたが、私はまだなぜ今は知りません。

Answer 2

HTMLページにDOCTYPEが指定されていますか？明らかに見えるかもしれませんが、私はIE8のホバー状態と同様の問題を抱えています - 特に古いサイトを編集しているとき。 ！ " - // W3C // DTD XHTML 1.0過渡// EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

私のためのソリューションは、あなたのHTMLページ

に開口HTMLタグの上にDOCTYPEを追加するDOCTYPE用HTML PUBLICました

私はこれが助けてくれることを願っています！