使用jquery动画时IE中的样式有问题

Question

我使用javascript函数添加了文本动画：

<div id="stats">
    <div class="textEffects">    
    Text 1 <br />    
    Text 2  
    </div>    
</div>

<script type="text/javascript">
    function loop_font() {
        $('.textEffects').animate({ fontSize: "1.2em" }, 400, function () {
            $('.textEffects').animate({ fontSize: "1em" }, 400, loop_font);
        }); 
    }

    loop_font();

</script>

动画工作得很好但是IE存在问题（我正在使用IE 8） - 当动画开始时，css样式margin-left从120减少到0.这个边距是文本容器的样式之一（#stats） wchich甚至不是这部动画的一部分。

你知道如何让动画和所有风格都正确吗？

Answer 1

我添加了风格

.textEffects
{
    position: absolute;
}

它有效。