why is jquery easing not so smooth
<p>I have a image that I ease into view with jQuery. </p>

<pre><code>&lt;style&gt;

#box
{
    position:relative;
    left:-400px;
    height:50px;
    width:100px;
}

&lt;/style&gt;


$(document).ready(function()
    {
     var method;

     $("#clickme").toggle(function()
     {
      method = $("#box").attr("class");
      $("#box").animate({left:"50%"},{duration: 1000,easing: method});

     },function()
     {
      method = $("#box").attr("class");
      $("#box").animate({left:"-400px"},{duration: 1000,easing: method});
     });
    });
</code></pre>

<p>It is about 400x600px and the rendering of the image sliding in is smooth but chunky.</p>

<p>It will during the animation look like this at times:</p>

<pre><code>|          |
|          |
  |          |
  |          |
|          |
|          |
</code></pre>

<p>If | are the edges of the image.</p>

<p>Is this just because of my browsers/computers rendering capabilities? 
Chrome/FF/Safari on a Netbook.</p>
