jQueryホバーとIE

Question

私はおそらく分の何かに私のヘアラインを失っている。あなたはIEとクローム/ Firefoxでthis website を比較した場合、あなたはChromeで、各エントリの上にマウスを置く場合は/ FFそれはIE、もちろんゼロ/灘/ゼロ/ ZIPPO中のに対し、わずかな緑色の背景を取得しますことに気づくでしょう...

コードシェアリングの誰でもいくつかのポインタを与えることができますか？確かに、jQueryのは、私の強いポイントではない、これはホバー効果に電力を供給しているもののコードです：

$('div.availableNowListing').hover(function() { 
    $(this).addClass('focus'); 
}, function() { 
    $(this).removeClass('focus'); 
}); 

とCSS：これでのぞき見を取るために、事前に

div.availableNowListingCatHeading { 
    display: none; 
    border: 1px solid #e6e6e6; 
    margin-top: 20px; 
    overflow: hidden; 
    background-color: #efefef;} 

div.availableNowListingCatHeading h3 { 
    float: left; 
    margin-left: 80px; 
    margin-top: 20px;} 

div.availableNowListingCatHeading img { 
    margin: 5px; 
    float: left; 
    border: 1px solid #e3e3e3;} 

.focus { 
    background-color: #dbfcab;} 

感謝:)

Answer 1

問題が

header = $(this).find('div.availableNowListingCatHeading'); 

ラインです。

あなたはheaderのidを持つdiv要素を持っており、それはIE混乱（要素へのショートカットとして変数を扱うを。）
この原因IEは失敗し、あなたを停止する要素ENに何かを割り当てようとしますそこにスクリプト。 ...（あなたはそれで何かをするか、それが残りであれば、完全に行を削除したい場合は）を

が始まったばかりでvarを追加（focusクラスがを割り当てれることは決してありません）

var header = $(this).find('div.availableNowListingCatHeading'); 

Answer 2

私はあなたがdiv.availableNowListing内の要素を浮動しているので、それはdiv.availableNowListingは、任意の高さを取得していないことによるものだと思うでしょう。 div.availableNowListingし、それを試してみるの

設定CSSプロパティoverflow: hidden。

..fredrik