css - 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。您可以在 fiddle 中看到代码：http: //jsfiddle.net/Ya2AF/10/（比较 IE 和 Chrome 来见证它）。请务必取消注释animate()功能以使其移动。

有没有人遇到过这样的行为？我们能与之抗争吗？