Не работает бегущая строка в Опере и IE

Сайт на DLE!

reklama23.com

Установил скрипт бегущей строки. В браузерах: Firefox, Яндекс браузер, Хром работает, а в Опере и IE, строка не движется.

Кто силен в ява, подскажите, как решить проблему?

Сам код вставки в страницу

<div class="runninglinecontainer">

  <div id="l1" class="line">

    <div class="line_text">Здесь текст</div>

    <div class="line_cover"></div>

  </div>

            </div>

CSS

.runninglinecontainer{

  /*изменить ширину блока,можно поменяв проценты на пиксели__например wight:500px;

  !!! - чем меньше размер блока,тем меньше  скорость перемещения текста,скорость регулируется ниже*/

    width:100%;

    margin: 0 auto;

  }

 

  /****** Lines *******/

 

  .line {

    overflow:hidden;

    width:100%;

    border:1px solid #393e48;

 

    box-shadow:0px 5px 5px 3px rgba(0,0,0,0.3);

    display:block;

    margin-top:20px;

    border-radius:2px;

    position:relative;

  }

 

  .line .line_cover{

    width:100%;

    height:100%;

    position:absolute;

    z-index:2;

    background:url(led_bg.png);

  }

 

  .line .line_text{

    width:100%;

    height:100%;

    position:absolute;

    z-index:1;

  }

 

 

  /****** Line 1 *******/

 

  #l1.line{

    height:70px;

    background:rgb(51,55,65);

  }

 

  #l1.line .line_text{

    font-size:60px;

    font-weight:bold;

    /*color:цвет текста можете выставить по вкусу*/

    color: red;

    -webkit-animation: l1_animation /*скорость перемещения текста 35s*/35s linear infinite;

    -moz-animation: l1_animation /*скорость перемещения текста 35s*/35s linear infinite;

  }

 

  @-webkit-keyframes l1_animation {

      0%{left:100%;}

      100%{left:-200%;}

  }

  @-moz-keyframes l1_animation {

      0%{left:100%;}

      100%{left:-200%;}

  }

К нему прилагается еще и Java скрипт, но работает и без него, т.к. cms DLE уже использует свои стандартные скрипты. Если его установить, то будет конфликт со слайдером. Но, все равно строка не будет работать в указанных выше браузерах, если подключить этот скрипт.

jQuery(function($){

  if ($.browser.msie && ($.browser.version == '6.0' || $.browser.version == '7.0'))

        return;

  usernoiseButton.button = new usernoise.UsernoiseButton();

  usernoise.window = {

    show: usernoiseButton.button.showWindow

  };

  $('.un-feedback-form').each(function(){

    new usernoise.FeedbackForm($(this));

  });

  if (usernoiseButton.showButton){

    usernoiseButton.button.show();

    }

    $(document).bind('sent#feedbackform#window.un', function(){

      var $overlay = $('<div id="un-overlay" />').appendTo($('body'));

      function closeOverlay(){

        $('#un-thankyou').find('a').unbind('click');

        $('#un-thankyou').fadeOut('fast', function(){

          $('#un-overlay').fadeOut('fast', function(){

          $('#un-thankyou').remove();

          $('#un-overlay').remove();

        });  

        });

        

      }

      $('#un-overlay').click(closeOverlay).fadeIn('fast', function(){

        $('#un-thankyou').fadeIn('fast', function(){

          setTimeout(closeOverlay, 5000);

        }).find('#un-feedback-close').click(closeOverlay);

      });

    });

    try{

    $('#' + usernoiseButton.custom_button_id).click(function(){usernoise.window.show(); return false;})

  } catch (err){

    alert('It looks like you entere wrong HTML ID value for custom Usernoise feedback button.');

  }

  $('a[rel=usernoise]').click(function(){usernoise.window.show(); return false;})

});