title: jQuery animate only change what is asked for?
body: <p>I'm running this function and it works, but it changes more than I want.</p>
  
  <pre><code>&lt;div id="animate" style="background: #999999; width: 100%;"&gt;&lt;/div&gt;
  
  $('#animate').animate({width: '50%'}, 500, function() {});
  </code></pre>
  
  <p>Result when I look at it in firebug:</p>
  
  <pre><code>&lt;div id="animate" style="background: rgb(153, 153, 153) none repeat scroll 0% 0%; width: 50%;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I know that the background will look the same, but is there a way to tell it to ONLY change 100% to 50% and not touch the background?</p>