Javascript 如何修复谷歌的广告，迫使他们的方式在网页上的其他div的顶部？

我在Google App engine上有一个用python/django/html编写的站点。网站位于 这是一种博客，展示了一些我鞠躬的人的照片。我已经在顶部实现了一个“粘性标题”，我在帖子的第9个位置显示广告。但当我滚动列表时，谷歌广告不知何故迫使它们自己位于标题上方。这幅图在问题的底部

这是什么原因造成的，有可能修复吗？我希望广告滚动像其他职位，但它不应该显示，因为它是“超过”标题时，它在该位置

粘性头jquery代码：

$(function(){
    // Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = $('#sticky').offset().top;
    $(window).scroll(function(){
        if( $(window).scrollTop() > stickyHeaderTop ) {
            //$('#sticky').css({position: 'fixed', top: '0px', float: 'right'});
            $('#sticky').addClass("sticky");
        } else {
            $('#sticky').removeClass("sticky");
        }
    });
});

标题的实际HTML：

<div id="sticky" class="top-area">
<div class="main-header"><a href="./">Perlesløyfer</a></div>
<div class="main-subheader"><p>Av Håkon Bogen</p></div>
<div class="tabs">
    <ul>
        <li><a href=".">Bilder</li></a>
        <li><a class="selected" href="./about">Om</li></a>
        <li><a href="http://epla.no/handlaget/produkter/526979/">Kjøp</li></a>
        <li><a href="./submit">Last opp</li></a>
    </ul>
</div>

谷歌广告代码：

<div class="commercial" id="page-wrap-ad">
    <p id="ads">
<!---  google_ad_client = ....  -->
<script type="text/javascript">
    <script type="text/javascript"
            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></p>

---

不确定我是否可以发布此内容，但下面是：

在问题中找到广告的特定目标元素（div、class等），并使用CSS覆盖其定位

Example:
#myAnnoyingAd{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}

---

只是在粘性标题中添加了一个更大的z索引。没有比这更难的了

#sticky {
    background-color: white;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
}

---

我希望广告像其他元素一样滚动。但只有当它位于顶部时，才不应成为标题的“顶部”

#sticky {
    background-color: white;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
}