网页飘动的图片如何让它出现在最上面

Question

http://www.jzxinmiao.com/info.html这个是我制作的一个网页。里面有个飘动的图片，但是飘动过程中会出现在几个flash下面，如何让它一直在最上面飘动。是不是代码的问题？或者如何解决，请高手指教。
图片飘动的代码如下
<script language=JavaScript>
//图片地址
var img_src = 'pics/2.gif';

//连接的网址
var img_url = 'http://www.cnapt.net';

//图片宽度
var img_w = '137';

//图片高度
var img_h = '60';

//鼠标移动到图片上显示的文字
var img_alt = '点击看效果';

document.write('<div id=dd style="Z-INDEX: 1; WIDTH: '+img_w+'px; POSITION: absolute; HEIGHT: '+img_h+'px"> <a href="'+img_url+'"><img src="'+img_src+'" width="'+img_w+'" height="'+img_h+'" border="0" alt="'+img_alt+'" onMouseOver="pause_resume();" onMouseOut="pause_resume();"></a></div> ');
var xPos = 20; // 起始横向位置(从左算起，单位象素)
var yPos = document.body.clientHeight; // 页面本身高度
var step = 1;
var delay = 30; // 速度，值越大速度越慢
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
dd.style.top = yPos;