Problema con DIV Mostrar / Ocultar código?

El código a continuación permite que aparezca un div cuando el usuario se desplaza sobre un enlace. El problema es que el div no desaparece cuando el usuario saca el enlace. ¿Hay alguna manera de que podamos hacerlo de modo que cuando el usuario mueva el vínculo, el div desaparezca, pero el usuario aún puede bajar el cursor e interactuar con los elementos del div ….. se agradecerá cualquier ayuda.

    Untitled Document  /* <![CDATA[ */ document.getElementsByClassName = function(){ if(arguments.length == 1) arguments[1]='*'; var retnode = []; var myclass = new RegExp('\\b'+arguments[0]+'\\b'); var elem = this.getElementsByTagName(arguments[1]); for(var i = 0; i < elem.length; i++){ var classes = elem[i].className; if(myclass.test(classes)) retnode.push(elem[i]); }; return retnode; }; window.onload=function(){ var x = document.getElementsByClassName('HoverMe', 'a'); for(var i = 0; i < x.length; i++){ x[i].onmouseover=function(){ var m = document.getElementsByClassName('HoverMe', 'a'); var n = document.getElementsByClassName('showMe', 'div'); for(var i = 0; i<m.length; i++){ n[i].style.display = (m[i]==this)?'block':'none'; }; }; }; x = document.getElementsByClassName('showMe','div'); for(var i = 0; i  */    link 1link 2 
stuff 1
stuff 2

Agregue una función de mouseout Agregue el siguiente código en la llamada de función x[i].mouseover :

 x[i].onmouseout=function(){ var m = document.getElementsByClassName('HoverMe', 'a'); var n = document.getElementsByClassName('showMe', 'div'); for(var i = 0; i 

Mira el violín aquí: http://jsfiddle.net/babcN/