Animation in .hover function gets stuck when calling fancybox

Animation in .hover function gets stuck when calling fancybox

I am sliding div.description out and it contains a link to the fancybox plugin. When the link is clicked the mouseout animation fires half way. I've tried .stop(false,false) and ever true/false permutation as well. Am I missing something?

  1. //Show & Hide text on hover
  2. $('#image_container li').hover(function(){
  3. $(this).children('div.description').stop().animate({"left":"380px"},500);
  4. $(this).children('img.bw').stop().animate({"opacity":"0"}, "fast");
  5. },function(){
  6. $(this).children('div.description').stop().animate({"left":"120px"},500);
  7. $(this).children('img.bw').stop().animate({"opacity":"1"}, "fast");
  8. });

I know this issue is almost identical to:  http://forum.jquery.com/topic/jquery-animation-gets-stuck but that solution didn't work, not really sure it solved all of his problems too though.