Elementos pestañean al aparecer

[xlos_mas_pro]

Hola tengo y gracias de ante mano miren tengo el siguiente codigo:

Código PHP:

 <section id="perfiles"> 
 
<?php foreach($dis as $d): ?> 
     
    <article class="usuario"> 
        <?php echo anchor('user/'.$d->usuario,$d->nombre.' '.$d->apellido,array('class' => 'nombre')); ?> 
        <p id="user">Usuario: <?php echo $d->usuario; ?></p> 
        <p id="yo">Es Diseñador</p> 
 
        <div class="foto"><img src="<?php echo base_url(); ?>css/image/fotosuser/<?php echo $d->foto; ?>" width="100" height="100" ></div> 
 
    </article> 
 
<?php endforeach; ?> 
 
</section>  

y el jquery (javascript):

Código Javascript:

<script type="text/javascript">
$(document).on("ready", function(){
 
       $('#perfiles .usuario').mouseover(function(){
              if($(this).offset().left < 250)
              {
                     $(this).children('.foto').css({
                            'left': ($(this).offset().left - 130) + "px",
                            'top' : $(this).offset().top,
                     });
              }else{
                     $(this).children('.foto').css({
                            'left': ($(this).offset().left + $(this).innerWidth() + 10) + "px",
                            'top' : $(this).offset().top,
                     });
              }
 
              $(this).children('.foto').fadeIn(800);
 
       });
       $('#perfiles .usuario').mouseout(function(){
              $('.foto').fadeOut(400);
       });
});
</script>
 

Bueno lo que pasa es que como ven en el jquery al momento de ponerle el mouse ensima al article class="usuario" se muestra una campa oculta que tiene como clase foto bueno el problema es que cuando pongo el mouse ensima del article class="usuario" aparece la capa foto pero pestañeando y si es que muevo el mouse ensima de la capa sin salirme aparece y desaparece la capa (pestañando) y no deberia pasar por que como dice el codigo al sacar el mouse de la capa class="usuario" se desaparece la capa class="foto" pero a mi no me pasa haci si es que muevo el mouse estando adentro de capa usuario tambien se desapararece la imagen bueno no desaparece completa sino que pesatañea como dije anteriormente

[IXtremeLT]

Hola!, prueba superponiendon la imagen con z-index, saludos!

[IXtremeLT]

Hola, usa mouseenter en vez de mouseover y mouseleave en vez de mouseout, saludos!