关于MouseOver实践

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> ShowTip Sample </title>
   <style type="text/css">
img
{
margin:1cm 1cm 1cm 1cm;
border:solid 1px #e6e6fa
}
div
{
background:#e6e6fa;
width:5.3cm;
visibility:hidden;
position:absolute;
border:solid #f0f0f0 2px
}
  </style>
  <script language="javascript">
function showTip(oEvent){
var toolTip = document.getElementById("tip");
toolTip.style.left = oEvent.clientX;
toolTip.style.top = oEvent.clientY;
toolTip.style.visibility = "visible";
}
function hiddenTip(){
var toolTip = document.getElementById("tip");
toolTip.style.visibility = "hidden";
}
  </script>
 </head>
 <body>
<img src="img/laugh.jpg" onMouseOver="showTip(event)" onMouseOut="hiddenTip()"/>
<div id="tip">This is a ShowTip Sample!</div>
 </body> 
</html>我想实现在图片上划过鼠标时，出现Tip提示（Tip提示一直跟随鼠标），但是最后实际显示效果是只有在图片区域内，从西北到东南方向拖拽鼠标才能实现跟随功能，从别的方向托都实现不了，不只是为什么！