Проблема со стилями в IE при использовании анимации jquery

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) который даже не является частью этой анимации.

Ты хоть представляешь, что нужно сделать, чтобы анимация и все стили были правильными?

Answer 1

Я добавил стиль

.textEffects
{
    position: absolute;
}

, и это сработало.