IE7でホバリングしたときに項目がわずかに移動する

Question

IE7でホバーすると、以下の項目がわずかにずれることがあります。

あなたはここに質問の項目を見ることができます。各項目はH2見出しを持っている右のサイドバーでhttp://andovertowncouncil.customstudio.co.uk/

。これをIE7で表示すると、下の項目が2/3ピクセルだけ下に移動します。ボタンのように他のものにカーソルを合わせると、この下位の項目は元の位置に戻ります。

私は私のホバー効果を持つ非常に特異的であることを試みた：

.right-item h2 a:hover { 
margin-bottom: 5px; 
border-bottom: none; 
padding-bottom: 0; 
text-decoration: none; 
line-height: 30px; 
} 

しかし、成功しませんでした。

この問題の解決方法に関するご意見はありがたいですか？事前に

おかげで、あなたはホバー上margin-bottom追加している

トム

Answer 1

あなたがホバーに次のルールを追加している理由を教えてくれませんが、彼らはあなたのコンテンツのシフトを引き起こしているものです：削除すべてがすべてのブラウザでよさそうだ

.right-item h2 a:hover { 
    border-bottom: medium none; 
    line-height: 30px; 
    margin-bottom: 5px; 
    padding-bottom: 0; 
    text-decoration: none; 
} 

a:hover { 
    border-bottom: medium none; 
} 

場合。

Answer 2

。

これを削除して問題が解決するかどうかを確認してください。