关于层的操作问题，请各路豪杰帮忙!!!

<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
 {
  if (event.button==1&&dragapproved) //改变被拖动元素在页面上的位置
   {
    eventsource.style.pixelLeft=temp1+event.clientX-x
    eventsource.style.pixelTop=temp2+event.clientY-y
    return false
   }
 }
function drags()
 {
  if (!document.all)
  return
  if (event.srcElement.className=="drag") //捕捉鼠标和被拖动元素的当前位置
   {
    dragapproved=true
    eventsource=event.srcElement
    temp1=eventsource.style.pixelLeft
    temp2=eventsource.style.pixelTop
    x=event.clientX
    y=event.clientY
    document.onmousemove=move
   }
 }
document.onmousedown=drags   //鼠标左键按下时,准备拖动
document.onmouseup=new Function("dragapproved=false")//鼠标左键放开时,拖动停止function GetCookie (name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
    var j = i + alen;
    if (document.cookie.substring(i, j) == arg)
      return getCookieVal (j);
    i = document.cookie.indexOf(" ", i) + 1;
    if (i == 0) break; 
  }
  return null;
}
function getCookieVal (offset) {
  var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
    endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}
function SetCookie (name, value) {
  document.cookie = name + "=" + escape (value)
}
</script>
<body onload="document.all.free.style.top=GetCookie('posy');document.all.free.style.left=GetCookie('posx')" onunload="SetCookie('posy',document.all.free.style.top);SetCookie('posx',document.all.free.style.left)">
<div id=free style="font-family:DextorOutD;font-size: 9pt;width:100px;height:300px;border-left:1px solid red;border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red" class=drag>
bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>
</div>