CSS过渡在Firefox上不起作用

Question

I have a div #im1 with initial position left:-300px; When a button .abtme_link is clicked the javaScript changes it's position to 443px; It's working on every other browser than Firefox; I've seen some other posts on this matter but can't seem to make it work; One of the thread concluded that css transition doesn't work on Firefox, If that's the case; is there a workaround?

#im1{
    width:400px;
    position:absolute;
    left:-300px;
    transition:all .9s ease .5s;
    -webkit-transition:all .9s ease .5s;
    -moz-transition:all .9s ease .5s;
    -o-transition:all .9s ease .5s;
    -ms-transition:all .9s ease .5s;
}

$('.abtme_link').click(function() {
        $('#im1').css('left','443px');
    });

Answer 1

OK so I've found a solution,

I've added a delay function in JS and it's working fine. Don't know why or how but it's working.

setTimeout(function(){
            $('.im1').css('left','443px');
        },10);