Parent souris de la division sur la fonction est appelée sur MouseOver élément enfant

je le ci-dessous HTML dans ma pageParent souris de la division sur la fonction est appelée sur MouseOver élément enfant

<div id='divContainer1' onmouseover=ShowEditDiv(1) onmouseout=HideEditDiv(1) class='divClcContainer'> 
     <div id='divSlNo1'>1</div> 
     <div id='divItem1'>This is content</div> 
     <div id='divEditLink1'></div> 
    </div> 
    <div id='divContainer2' onmouseover=ShowEditDiv(2) onmouseout=HideEditDiv(2) class='divClcContainer'> 
     <div id='divSlNo2'>2</div> 
     <div id='divItem2'>This is content2</div> 
     <div id='divEditLink2'></div> 
    </div>

et dans mon javascript

function ShowEditDiv(divId) 
{ 
    $("#divEditLink" + divId).html("<a href=\"javascript:Edit(divId)\"><img src='edit_icon.gif' alt='Edit' title='Edit' /></a>").addClass("divEdit"); 
} 
function HideEditDiv(divId) 
{ 
    $("#divEdit" + divId).empty().addClass('divEdit'); 
}

Mon exigence est de montrer un lien d'édition lorsque l'utilisateur place sa souris sur la div principale. Maintenant, ça marche bien. Mais quand je place la souris sur le div qui contient l'image/lien d'édition, il disparaît. J'ai trouvé que lorsque je place la souris sur le div d'édition, la fonction mouseout de div div est appelée. Quelqu'un peut-il m'aider à résoudre ce problème?

Source

2009-10-08 Shyju