jQuery анимация не работает на сафари

Question

У меня есть код jQuery, который анимирует div. Он отлично работает на Firefox и Chrome, но в сафари он не перемещается, он просто вращается, а в Internet Explorer он движется без вращения! любая идея по решению этого оценивается.

JQuery:

$(document).ready(function() 
{ 
    $(".plane").animate({ 
    'top':'-=0px', 
    'left':'+=0px', 
    rotate:-50 
    }, 500, 'swing'); 

    $(".plane").animate({ 
    'top':'-=35px', 
    'left':'+=590px', 
    rotate:-60 
    }, 7000, 'easeOutQuart'); 

    $(".plane").animate({ 
    'top':'-=0px', 
    'left':'+=0px', 
    rotate:25 
    }, 2000, 'swing'); 

    $(".plane").animate({ 
    'top':'+=30px', 
    'left':'+=10px', 
    rotate:20 
    }, 2000, 'easeInOutCubic'); 

    $(".plane").animate({ 
    'top':'-=0px', 
    'left':'+=0px', 
    rotate:10 
    }, 1000, 'swing'); 

    $(".plane").animate({ 
    'top':'+=270px', 
    'left':'+=180px', 
    rotate:0 
    }, 5000, 'easeInOutCubic'); 

    $(".plane").animate({ 
    'top':'-=0px', 
    'left':'+=0px', 
    rotate:-130 
    }, 1000, 'swing'); 

    $(".plane").animate({ 
    'top':'-=490px', 
    'left':'+=60px', 
    rotate:-120 
    }, 5000, 'easeInOutCubic'); 

    $(".plane").animate({ 
    'top':'-=0px', 
    'left':'+=0px', 
    rotate:-250 
    }, 1000, 'swing'); 

    $(".plane").animate({ 
    'top':'+=150px', 
    'left':'-=200px', 
    rotate:-270 
    }, 5000, 'easeInOutCubic'); 





}); 

CSS:..

.plane { 
background-image:url('ab.png'); 
position:absolute; 
width:48px; 
height:48px; 
top:400px; 
left:0; 
} 

Answer 1

(Ответил ОП в правкой вопрос Трансляции здесь как сообщество вики ответ - даже если его немного немногословный см Question with no answers, but issue solved in the comments (or extended in chat))

ОП писал:

Ну после более чем 200 просмотров и ответа нет, я нашел решение, я поставлю его здесь для тех, кто столкнулся с той же проблемой. Вам нужно изменить положение вашего элемента на «relative».