Css ：悬停不粘在元件上

我的购物车（0项）

和#购物车不重叠，但它们之间没有像素。我遇到的问题是当我将鼠标移到

我的购物车

#购物车

上时，这是正确的：hover类，但问题是当我将鼠标从

我的购物车

移到

我的购物车

上时：hover不会粘住。你知道为什么吗？这两个元素之间没有空间，所以我认为它是无缝的

            #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>

#hd.top导航ul.tab:hover.content{
显示：块；
}
我的购物车（0项）
你的车是空的
工作

您对IE6有什么问题吗？众所周知，IE6对伪类（：任何东西）的支持参差不齐。IE6支持：悬停，但只支持锚定标签

---

退房。

对不起，问题出在一些愚蠢的事情上。。。CSS没有做悬停，而是javascript