mouseover e mouseout fora de tempo

[webbercapua 0]

Boa tarde

fiz uma animação que quando passo o mouse sobre uma div #contorno1 que tem uma imagem de um botão de fundo,

a div #detalhes que está a frente o texto vai um pouco para direita e ao tirar o mouse o texto retorna.

 

o problema é que quando eu passo o mouse em cima da div esse texto ja faz os dois movimentos de mouseover e mouseout

como posso resolver?

 

 

<script type="text/javascript">

var $j = jQuery.noConflict();

// Use jQuery com a variavel $j(...)

$j("a #contorno1").mouseenter(function() {

$j("#detalhes1").animate({marginLeft:"150"})

})

$j("a #contorno1").mouseout(function() {

$j("#detalhes1").animate({marginLeft:"100"})

})

</script>

Obrigado

[Rafael Sirotheau 43]

Utilize mouseleave().

mouseout também dispara quando o ponteiro move para fora de elementos filhos, enquanto que mouseleave dispara somente quando o ponteiro move para fora do elemento indicado.