求网站两边浮动广告的问题

主要文件test.html,test.css,test.js都在同一目录下test.html文件:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
//显示两侧广告
document.write("<div id='float_left'>背景图片<hr width='82' align='center' size='0'><br />越狱<input type='radio' name='bg' value='pb' onclick='change_bg_color()' checked='true'><br />熊猫<input type='radio' name='bg' value='panda' onclick='change_bg_color()'><br />主妇<input type='radio' name='bg' value='wives'  onclick='change_bg_color()'><br />歌星<input type='radio' name='bg' value='avil'  onclick='change_bg_color()'><p><br /><br /></p><a href='#' onclick='close_ad()'><span class='l_close'>关闭</span></a></div><br><div id='float_right'>页面风格<hr width='82' align='center' size='0'><br />默认<input type='radio' name='style' value='blue' onclick='change_css()' checked='true'><br />紫色<input type='radio' name='style' value='purple' onclick='change_css()'><br />褐色<input type='radio' name='style' value='brown'  onclick='change_css()'><br />橙色<input type='radio' name='style' value='orange'  onclick='change_css()'><p><br /><br /></p><a href='#' onclick='close_ad()'><span class='l_close'>关闭</span></a></div>")
</body>
</html>test.css:#float_left {
position: absolute;
width: 88px;
left: 12px;
top: 163px;
height: 200px;
border: 1px solid #0099FF;
padding-top:5px;
}
#float_left .l_close {
color:#FF0000;
}
#float_right {
position: absolute;
width: 88px;
top: 163px;
border: 1px solid #0099FF;
height: 200px;
right: 12px;
padding-top:5px;
}
test.js:   <script language="javascript">
    function zoom(id,x,y){ // 设置缩放函数参数：容器id、横向缩放倍数、纵向缩放倍数（等比例缩放时也可以设定一个参数）    
    var obj=document.getElementById(id); // 获取元素对象值    
    var dW=obj.clientWidth; // 获取元素宽度    
    var dH=obj.clientHeight; // 获取元素高度    
    //var oTop=obj.offsetTop;    
    //var oLeft=obj.offsetLeft;    
        
    obj.onmouseover=function(){ // 鼠标移入    
        this.style.width=dW*x+"px"; // 横向缩放    
        this.style.height=dH*y+"px"; // 纵向缩放    
        this.style.backgroundColor="red"; // 设置调试背景    
        this.style.zIndex=1; // 设置z轴优先    
    }    
    obj.onmouseout=function(){ // 鼠标移出，设回默认值    
        this.style.width="";    
        this.style.height="";    
        this.style.padding="";    
        this.style.backgroundColor="";    
        this.style.zIndex="";    
    }    
}    
zfunction move_ad() {
var _stepx=2;_stepy=2; //初始化每次偏离的象素
var ad_Left_Top=document.getElementById('float_left').offsetTop;
var ad_Right_Top=document.getElementById('float_right').offsetTop;
var ad_LHeight=document.getElementById('float_left').clientHeight;
var ad_RHeight=document.getElementById('float_right').clientHeight;
var _bodyTop=document.documentElement.scrollTop;
var _bodyHeight=document.documentElement.clientHeight+_bodyTop; 
if(ad_Left_Top<=_bodyTop)
             {
              _stepy=0;
             }
if((ad_Left_Top+ad_LHeight)>=_bodyHeight)
             {
              _stepy=-2;
             }
document.getElementById('float_left').style.top=ad_Left_Top+_stepy;
}
function beginMoveAd()     {
var moveSpeed=40;//速度
var varId;//获取setInterval的ID 
varId = window.setInterval("move_ad()",moveSpeed);   //启动飘浮
}
beginMoveAd()各位,这个浮动有问题,我是在1024*768的分辨率下浏览的,我估计是TEST.JS文件那个 move_ad()有问题,所以,我只写了左边浮动,谁能帮我把那个补充或修改一下,每步写上注释(越详细越好),还有这个JS最好能够在FF和SAFERI苹果浏览器下的效果也一样,望高手指点,谢谢