Chrome 的 CSS 下拉菜单问题

Question

我正在运行一个 Wordpress 网站，但在 Chrome 中显示下拉菜单时遇到了一些问题。我的 CSS 在这里:http://pastebin.com/v291BmHP

菜单代码在这里:

<div class="menu">
<ul>
    <li class="current_page_item">
        <a href=".../" title="Home">Home</a>
    </li>
    <li class="page_item page-item-2">
        <a href="..." title="About Us">About Us</a>
        <ul class='children'>
            <li class="page_item page-item-105">
                <a href="..." title="History">History</a>
            </li>
        </ul>
    </li>
</ul>

它在 IE 和 Firefox 中运行良好。谢谢!

Answer 1

去掉这条规则中的显示 block :

#access ul li:hover ,
#access ul ul :hover  {
    color: #FFF; /* HOVER COLOR */
    display: block; /* DELETE */
    background-image: url('images/keating/nav_hover.jpg');
        background-repeat: repeat-x;
}