title: Jquery animate() and google chrome issues
body: <p>i'm having a problem with jquery and animate() in google Chrome.
  I have a box which is initially hidden and positioned on the right outside the screen. 
  When a box is clicked the hidden box becomes visible and animate from right to the center, it stops and blink, then and then it starts moving again to the left side of the screen and disapper. 
  This thing works on Explorer and Firefox but not on Chrome.</p>
  
  <p>This is the link:
  <a href="http://test.gianlucaugolini.it/4545.html">http://test.gianlucaugolini.it/4545.html</a></p>
  
  <p>And this is the code:</p>
  
  <pre><code>function test(){
  
      var scaleX = $("#container").width()/2 + $("#hoverText").width()/2;
  
      $("#hoverText").animate({visibility:"visible",opacity:"show",left:"-="+scaleX+"px"},500,function(){
  
      $("#hoverText").effect("highlight",{duration:1000},1500,function(){
  
      $("#hoverText").animate({visibility:"hidden",opacity:"hide",left:"0%"},500,function(){
          $("#hoverText").css("left","100%");
  
      });
          });
          });
  }
  </code></pre>