Problem on mouseenter

Problem on mouseenter

Hi all,
 
I have an image with caption text on my website. The caption is hidden by default and only shown when the mouse enters the image. When the mouse leaves the image, the caption fades out.
 
This all works great except for 2 (little) problems:
 
1. When a user hovers the caption text (which is overlapping the image), it sees a mouseleave so the caption disappears..
 
2. The fadein and fadeout are queued so when I quickly move the mouse, it keeps fading in and out. I used clearQueue but it does not do what I expected.
 
This is my jQuery:
 
  1. $('.gallery-icon').mouseenter(function(){
      $(this).siblings('.wp-caption-text').fadeIn('slow');
      $(this).clearQueue();
     });
     $('.gallery-icon').mouseleave(function(){
      $(this).siblings('.wp-caption-text').fadeOut('slow');
      $(this).clearQueue();
     });






Is there a way to fix this? Thanks in advance!