求助。浏览器兼容，层重叠的问题。

在网上找的类似糗百的侧栏浮动广告代码。正常应该是页面到达ad1之后ad2开始跟随页面往下浮动，但是实际效果是ad1和ad2会重叠（ad2遮住ad1），IE8IE9浏览貌似正常，在firfox，chrome以及搜狗浏览器高速模式下重叠的令人沮丧。。。求解。

------------------------侧栏代码------------------------

<div id="sidebar">

<ul>
<script type="text/javascript" src=".../js/ad1"></script>
</ul>

<div id="box">
<div id="float" class="div1">
<ul>
<script type="text/javascript" src=".../js/ad2"></script>
</ul>
</div>
</div>

</div>

------------------------CSS部分------------------------

#box{float:left;position:relative;width:250px}
.div1{width:250px}
.div2{position:fixed;_position:absolute;top:0px;z-index:250px}

------------------------JS部分------------------------

<script type="text/javascript">
$(function(){
var oDiv=document.getElementById("float");
var H=0,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
if(!iE6){
window.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
else{oDiv.className="div1";}
};
}
})();
</script>