css - :hover not sticking to element

Question

<div>My Cart (0 items)</div>和#cart 不重叠，但它们之间没有像素。我遇到的问题是当我将鼠标悬停在 My Cart 上时#cart显示，给定 :hover 类是正确的，但问题是当我将鼠标从 My Cart 移开时并进入 #cart :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>

Answer 1

您的 IE6 有问题吗？众所周知，IE6 对伪类 (:anything) 的支持参差不齐。 IE6 确实支持 :hover，但只支持定位标签。

查看 this writeup .