クロムのdiv位置の問題

Question

ユーザーがリンク上にマウスを置いたときにjqueryを使用して落ちるdivがあります。 div要素のCSSはここにある：

.mask-layer { 
    height: 0; 
    overflow: visible; 
    position: relative; 
    top: 54px; 
    float: right; 
    z-index: 1000; 
} 
.slidedown { 
    height: auto; 
    width: 300px; 
    background: url(../images/bg_shopping_bag_span.png); background-repeat:repeat-y; 
    color: white; 
} 

HTMLは単純にマスク層のdivの内側slidedown divです。何らかの理由で、私はここにあなたを見せるためにアングルブラッカーを投稿することはできません。

そして最後にjqueryの：

jQuery(document).ready(function() { 
    jQuery('.slidedown').hide(); 
    jQuery('a.top-link-cart').hover(function() { 
     jQuery('.slidedown').stop(true, true).animate({ 
      height: ['toggle', 'swing'], 
     }, 600, function() {}); 
    }, function() { 
     jQuery('.slidedown').mouseout(function() { 
      setTimeout(function() { 
       jQuery('.slidedown').stop(true, true).animate({ 
        height: '0px' 
       }, 600, function() {}); 
      }, 200); 
     }); 
    }); 
}); 

ドロップダウンは、インターネットExplorerとFirefoxでうまく動作します。しかし、クロムでは、ページの間違った位置にスライドダウンdivが表示されます。ページの他のすべてのdivの外側に表示されます。これを修正する方法はありますか？私はjqueryを無効にして、divが隠されてアニメーション化されないようにする必要があると言及する必要があります。これはchromeでも正しい位置にあります。これはおそらくjqueryの問題ですか？アドバイスありがとう。

Answer 1

.mask-layerからfloat: rightを削除すると機能しますか？

もしそうなら、どのようにREPROリンクについて.slidedown