Переход на работу Safari не работает

Question

Автомобиль, который погружается в 4 секунды слева направо от div. Работает во всех браузерах, кроме сафари.

Что мне делать, чтобы заставить его работать на сафари?

#left { 
    padding-top: 6px; 
    height: 19px; 
    width: 45px; 
    position: absolute; 
    background-color: white; 
    right: 90%; 
    transition: right 4s ease-in; 
    -webkit-transition: right 4s ease-in; 
} 
#right { 
    position: absolute; 
    right: 10px; 
    background-color: white; 
    background-image: url('img/paal_sprite.gif'); 
    background-repeat: no-repeat; 
    background-position: 0px 0; 
    transition: background-position 0s linear 4s; 
    -webkit-transition: background-position 0s linear 4s; 
    width: 10px; 
    height: 30px; 
} 
#left.animate { 
    right: +20px; 
} 
#right.animate { 
    background-position: -12px 0; 
} 
#container { 
    position: relative; 
    overflow:hidden; 
    height: 25px; 
    visibility: visible; 
} 

Answer 1

Для Safari, вам нужно положить XXpx with XXpx и XX% с ХХ%.

Для этой работы вам необходимо изменить #left.animate +20px by +XX%;

#left.animate { 
    right: 20%; 
} 

fiddle

Answer 2

В Safari 5.1 (Windows) я должен был поставить все тайминги в мс. По крайней мере, для свойства background-color.

-webkit-transition: all 300ms linear;