css меню под Google Ads?

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; }