Problème avec mouseleave jQuery

Bonsoir,

Je rencontre un problème avec jQuery pour une animation inversée lorsque je quitte une div.

Voilà con code :

<script type="text/javascript" src="jquery-1.7.0.min.js"></script>
<a href="#" class="pochette" style="display:block;background:red;height:50px;">
<div class="infos" style="display:none;">
<MARQUEE scrollAmount="2">
lolilol...
</MARQUEE>
</div>
</a>
<script type="text/javascript">
$('.pochette').mouseover(function(){
    $('.infos:first',this).fadeIn('slow')
});
$('.pochette').mouseleave(function(){
    $('.infos:first',this).fadeOut('slow')
});
</script>

Comme vous l'auriez probablement compris, quand le curseur passe sur la div "pochette" la div "info" s'affiche, mais quand je quitte "pochette" avec le curseur j'aimerais que "info" retourne d'ou il vient, ce qui n'est pas le cas...

Est-ce que l'un d'entre vous pourrait me donner un petit coup de main.