jQuery做backgroundPosition的动画效果的问题

我要做的是移动背景的动画效果，写成了如下代码：
$(".aaa").animate({backgroundPosition:"-333 0"},1000);
这样，.aaa元素的背景会从初始位置在1秒内滑动到-333px的位置，成功。

但是我要求的更多，应该这个-333px其实是我算出来的，而不是写死，也就是说-333其实是一个变量
在无动画状态下，我尝试过这种写法:
var left=300;
$(".aaa").css({backgroundPosition:left+" 0"});
同样测试成功，但是写到animate里面，就失效了：
$(".aaa").animate({backgroundPosition:left+" 0"},1000);

有谁知道解决方式么？谢谢

自己解答吧，分享给大家。。。。

是开始不仔细，其实$(".aaa").css({backgroundPosition:left+" 0"});也是不行的，数字后不是0的话就要跟px了，所以改成left+"px 0"就可以成功了，呵呵

用穷举法测试了好多种组合才发现居然是犯的语法错误。。。汗一个，主要是被jQuery写css属性里碰到数字的地方大多数情况下可以直接写数字而不要加px所迷惑。。。，长了个经验：）