IE9ホバーのトラブル

Question

私は非常に簡単なホバー機能を持っています。これはIE9以外のすべてでうまく動作するようです（おそらくIE8以下もテストしていません）。

IE以外のブラウザではこれを行います。

Non IE http://oi39.tinypic.com/4gkl6f.jpg

IE9は、これを行います。

IE http://oi43.tinypic.com/2zdwpl1.jpg

は、私はそれが<a>タグをどうするかもしれ様々な記事を読んで疑う...しかし、でもそれは私には、[OK]の設定のようです。 私はhtml/css/php noobのビットなので、おそらく単純で明白なものです。 ご協力いただければ幸いです。

関連コード;

CSSファイル

#nav { 
width: 960px; 
height: 40px; 
border-bottom: 1px solid #ccc; 
} 

#nav a { 
display: inline; 
padding: 10px; 
text-decoration: none; 
background-color: #f1f1f1; 
} 

#nav a:hover { 
background-color: #bababa; 
height: 80px; 
} 

PHPファイル

<div id="nav"> 
<a href="index.php">Home</a> 
<a href="about.php">About</a> 
<a href="#">Portfolio</a> 
<a href="contact.php">Contact</a> 
</div> <!-- end #nav --> 

Answer 1

私は "高さ：80px" を取り除くと信じ#navから：ホバーは、ブラウザがしたいかを示すようになるだろう。

高さの値をインライン要素に設定していて、明らかにIEは他のブラウザではサポートしていません。