求救，请给一个鼠标移到图片上然后出现下拉菜单的例子?

有一个图片形式的菜单，上面有热点，现在需要档鼠标移到上面的时候，在图片下面出现菜单，但是菜单的顶部一定是和图片的底边是贴合的

多谢

多谢！！
---------------------------------------------------------------

放图形上和放到连接上是一样的
---------------------------------------------------------------

 1<html>
 2<body>
 3<img id="i" onmouseout="hide()" onmouseover="show(this)" src="csdn.gif"/>
 4<div id="m" onmouseout="hide()" onmouseover="show(i)" style="visibility:hidden;position:absolute;width:80;padding:20;border:1 solid black;z-index:100">   
 5222   
 6ddd   
 7dd   
 8</div>
 9<script>   
10function show(o){   
11var m=document.getElementById("m")   
12m.style.pixelLeft=getL(o)   
13m.style.pixelTop=getT(o)+o.offsetHeight   
14m.style.visibility=''   
15}   
16  
17function hide(){   
18document.getElementById("m").style.visibility='hidden'   
19}   
20  
21function getL(e){   
22var l=e.offsetLeft;   
23while(e=e.offsetParent){   
24l+=e.offsetLeft;   
25}   
26return l   
27}   
28  
29function getT(e){   
30var t=e.offsetTop;   
31while(e=e.offsetParent){   
32t+=e.offsetTop;   
33}   
34return t   
35}   
36</script>
37</body>
38</html>