overflow在ie7下不兼容

<div id="demo" style="overflow:hidden;height:580px;width:210px" align="center">
<div id="demo1" align="center">
     ......中间是一行多列表格排布的图片
</div>
<div id="demo2" align="center"></div>
</div>
<script>
var speed=12
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
{
demo.scrollTop++
}
}var MyMar
function beginmarquee()
{
  MyMar=setInterval(Marquee,speed)
}function endmarquee()
{
 clearInterval(MyMar)
}//var MyMar=setInterval(Marquee,speed)
//demo.onmouseover=function() {clearInterval(MyMar)}
//demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
              </script>
这样的一段走马灯代码，ie8 ie6没问题，但在360浏览器兼容模式下div内表格的高度就会冲破div设定的高度，走马灯倒是滚动，但高度远超过了，把div上面顶出一大段空白。有人告诉我说360用的是ie7内核。我按网上做法，在style="overflow:hidden;height:580px;width:210px" align="center" 里又加了position:relative但发现不管用