Tenho uma div que no onMouseOut chama uma função que da um "Fade" usando Jquery na mesma.. porém quando tem conteudo tipo um link e eu vou com o mouse sobre ele o evendo é disparado como se eu tivesse saido da div... e a danada some.
Como resolver isso sem ter que criar uma porrada de gambiarra e códigos.... porque isso ocorre?
Segue meu código:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function oculta(){
$('#conteudo').fadeOut(600);
}
</script>
</head>
<body>
<div id="conteudo" style="border:#0F0 solid 1px; width:300px; height:200px; padding:20px;" onMouseOut="oculta()">
<a href="#">Link</a>
</div>Quem quizer ver o exemplo funcionando:
http://www.gaia.gublee.com/teste.html
Agradeço a ajuda desde ja










