A transição não está funcionando no Safari - css, safari, transição

Um carro que mergulha em 4 segundos da esquerda para a direita de uma div. Funciona em todos os navegadores, exceto em safári.

O que devo fazer para funcionar no safari?

#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;
}

Respostas:

Para o Safari, você precisa colocar XXpx with XXpxe XX% com XX%.

Para este trabalho você precisa mudar #left.animate +20px by +XX%;

#left.animate {
right: 20%;
}

violino

Dentro Safari 5.1 (Windows) eu tive que colocar todos os horários em Senhora. Pelo menos fot para a propriedade background-color funcionar.

-webkit-transition: all 300ms linear;