Почему в IE >= 9 не работает анимация?
 

Всем, привет!
Народ, помогите пжлст разобраться в причинах безобразия изложенного ниже:

// Функция анимации
    function startLoadingAnimation() {

      // Затемним область на время загрузки
      $("<div class='overlay' ></div>").appendTo( $(".container") ).css("z-index", "999");

      // найдем элемент анимации:
      var loader = $("<i class='fa fa-spinner fa-spin'></i>").appendTo( $(".container") );

      // вычислим в какие координаты нужно поместить изображение загрузки,
      // чтобы оно оказалось в серидине страницы:
      var windowH = $(window).height();
      var windowW = $(window).width();

      loader.css("z-index", "1000");
      loader.css("font-size", "7em");
      loader.css({
        position:"fixed",
        color: '#599f06',
        left: ((windowW - loader.outerWidth())/2),
        top: ((windowH - loader.outerHeight())/2)
      });

    }

Теперь код где это добро применяется:

container.find("a").each( function(index, elem) {

      $(elem).click(function(e) {

        e.preventDefault();

        if ( !$(elem).hasClass("active") ) {

          startLoadingAnimation();

          location.reload();

        }

      });

    });

В фаерфокс анимация прекрасно работает...с ие - тупо белый экран во время загрузки, если убрать локейшн.релоад тогда анимация видна...

Ну а почему браузер должен дожидаться выполнения startLoadingAnimation() и только потом перегрузка? Запущено будет и то, и другое, соответственно и результат.

А loader, это постоянно изменяющийся текст или есть другие причины, по которым нельзя его центрировать исключительно CSS?