IE9 +背景图像（PNG24）+背景重复+背景位置= BUG

Question

假设您有这样的代码：

<div id="pattern"> </div>

#pattern {
 height: 400px;    
 background: #000 url(url_to_semitransparent_png); 
 background-repeat: repeat-x;
 background-position: 100px 0;   
}

它在每个浏览器中都表现得如预期，但是IE。在IE中它看起来像重复背景与自身重叠，而它应该简单地坚持。在我们尝试动画background-position时，这个问题就出现了。您可以在小提琴中看到代码：http://jsfiddle.net/Ya2AF/10/（比较IE和Chrome以见证它）。请务必取消注释animate()功能以使其移动。

有没有人遇到过这样的行为？我们可以抗争吗？