：ホバーが要素に固着していません。

Question

<div>My Cart (0 items)</div>と#cartは重複しませんが、それらの間にピクセルはありません。私が実行している問題は、My Cart#cartの上にマウスを置いたときにホバークラスが正しく表示されたときですが、マウスをMy Cartから外して#cartに移動すると問題が発生します。ホバーは固定されません。なぜどんなアイデア？これら2つの要素の間にはスペースがないので、シームレスになると思いました。

  #hd .top-nav ul .tab:hover .content { 
       display: block; 
      } 

<li class="tab my-cart"><div>My Cart (0 items)</div> 
      <div id="cart" style="display: block;"> 
       <table> 

        <tbody><tr> 
         <td class="no-result faded" colspan="4">Your cart is empty</td> 
        </tr> 
          <tr class="empty-row hide"> 
           <td class="remove"><img src="/images/s.gif"></td> 
           <td class="product"> 
            <a href="#"><strong></strong></a> 
           </td> 
           <td class="quantity"></td> 
           <td class="quantity-options"> 
            <div class="adjust"> 
             <div class="increment"></div> 
             <div class="decrement"></div> 
            </div> 
           </td> 
          </tr>     
       </tbody></table> 
       <div class="yui-g"> 
        <div class="yui-u first"> 
         <div class="working faded hide"> 
          Working... 
         </div> 
        </div> 
        <div class="yui-u"> 
         <div class="review hide"> 
          <div class="button"><a href="/store/cart/view/">Review purchases</a></div> 
         </div> 
        </div> 
       </div> 
      </div></li> 

Answer 1

はIE6とあなたの問題ですか？ IE6は、擬似クラス（：何か）のための不自由なサポートを持っています。 IE6はサポートしています：ホバーですが、アンカータグのみです。

チェックアウトthis writeup

Answer 2

申し訳ありません、問題は何かばかげた... CSSはホバーをやっていませんでした、それはJavaScriptだった