Google Ads下的css菜单？

Question

我有一个奇怪的效果：

​

如你所见，菜单显示在Google的横幅下。我正在寻找可以把菜单放在横幅上的东西。你可以在www.forexvirtuel.com上看到这一现场效果。

代码看起来像这样：

...
<div id="navigation">
    <ul id="nav">
        <li class="page_item page-item-26"><a href="http://www.forexvirtuel.com/les-calculs/" title="Les calculs">Les calculs</a>
        <ul>

            <li class="page_item page-item-33"><a href="http://www.forexvirtuel.com/les-calculs/calcul-du-rollover/" title="Calcul du Rollover">Calcul du Rollover</a></li>
            <li class="page_item page-item-31"><a href="http://www.forexvirtuel.com/les-calculs/calculs-des-gains-et-calculs-pertes/" title="Calculs des gains et calculs pertes">Calculs des gains et calculs pertes</a></li>
            <li class="page_item page-item-29"><a href="http://www.forexvirtuel.com/les-calculs/prix-d%e2%80%99un-pip-prix-d%e2%80%99un-point/" title="Prix d’un pip (prix d’un point)">Prix d’un pip (prix d’un point)</a></li>
        </ul>
    </ul>
</div>
<div id="navigation_pub">
    <script type="text/javascript"><!--
    google_ad_client = "pub-0909660115587797";
    /* Forex_Header */
    google_ad_slot = "6839564983";
    google_ad_width = 728;
    google_ad_height = 90;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
</div>
...

Css：

#navigation
{
    clear: both;
    float: left;
    width: 930px;
    background-image: url(images/header.gif);
    height: 56px;
    padding-right: 20px;
    margin-top: 1px;
}

#navigation_pub
{
    clear: both;
    height: 90px;
    width: 930px;
    text-align:center;
    padding-top:1px;
}

你知道怎么把菜单放在横幅上吗？

Answer 1

嗯，据我所知，广告出现在DOM中的时间较晚，因此很自然地覆盖了弹出列表。您应该能够使用z-index覆盖它

#nav li ul { z-index: 1; }