jQuery动画只改变要求的内容？

Question

我正在运行此功能并且它可以正常工作，但它的变化超出了我想要的效果。

<div id="animate" style="background: #999999; width: 100%;"></div>

$('#animate').animate({width: '50%'}, 500, function() {});

当我在萤火虫中看到它时的结果：

<div id="animate" style="background: rgb(153, 153, 153) none repeat scroll 0% 0%; width: 50%;"></div>

我知道背景看起来会一样，但有没有办法告诉它只能改变100％到50％而不是触摸背景？