怎样在一个固定的DIV内移动图片，图片溢出div就hidden？


 <script type="text/javascript" >
var   Obj   
  function   MouseDown(obj){   
  Obj=obj   
  Obj.setCapture()   
  Obj.l=event.x-Obj.style.pixelLeft   
  Obj.t=event.y-Obj.style.pixelTop   
  }   
  function   MouseMove(){   
  if(Obj!=null){   
  Obj.style.left   =   event.x-Obj.l   
  Obj.style.top   =   event.y-Obj.t   
  }   
  }   
  function   MouseUp(){   
  if(Obj!=null){   
  Obj.releaseCapture()   
  Obj=null   
  }   
  } 
</script><div id="imgbottom" style=" width:96%; height:500px; float:left; border:3px solid #dddddd; margin:0 auto; overflow:hidden;cursor:move;">
             <asp:Image ID="ShowImg"  runat="server"  onmousedown="MouseDown(this)"   onmousemove="MouseMove()"   onmouseup="MouseUp()"   style="position:absolute"/>
          </div>可以移动，但是要设置图片的 style="position:absolute"。这样图片就可以移出div了。而且移出也不hidden我想，图片只在div内移动。移出部分就自动隐藏掉。