弹出层，层里有超链接但超链接点不了

Question

想做一个鼠标移动到图片上的时候显示一个层，层里面有超链接，鼠标移出层的时候层隐藏，但有一个问题，层弹出来了，就是点不到超链接，怎么办，求助！！！
要代码！！！
实例，谢了！！！

Answer 1

取消a标签的 onmouseout事件的传递<script>
function doshow(evt){
  evt = window.event?window.event:evt;
  var obj = document.getElementById("pad");
  if(obj.style.display == "none"){
    obj.style.left = evt.clientX-5;
    obj.style.top =  evt.clientY-5;
    obj.style.display = "block";
    var img = document.getElementById("pic");
    if(img.detachEvent) img.detachEvent("onmouseover",doit);
    else img.removeEventListener("mouseover",doit,false);
  }
}
function dohide(){
  evt = window.event?window.event:evt;
  var obj = document.getElementById("pad");
  obj.style.display = "none";
   var img = document.getElementById("pic");
   if(img.attachEvent) img.attachEvent("onmouseover",doit);
   else img.addEventListener("mouseover",doshow,doit);
}
function doit(){
  return doshow(event);
}
function cancel(evt){
   if(window.event) event.cancelBubble=true;
   else evt.stopPropagation();
   return false;
}
window.onload=function(){
   var img = document.getElementById("pic");
   if(img.attachEvent) img.attachEvent("onmouseover",doit);
   else img.addEventListener("mouseover",doshow,doit);
}
</script>
<img id="pic" src="" width="40" height="40">
<div id="pad" onmouseout="dohide(event)" style="display:none;position:absolute;z-index:10;top:0px;left:0;width:100px;height:50px;background:#ccc;">
  <a onmouseout="return cancel(event)" href="http://www.google.com">xxxxx</a>
</div>