모바일 웹을 만들고 있는데..

안드로이드2.3 버전의 일부 폰에서 keyframe animation 이  0%{ } 에서 멈춰버리는데요...

이 멈추는 현상이 무조건 멈추는게 아니거든요... 애니메이션이 멈춰버릴때 있고, 제대로 진행될때 있는데 이거 원인 아시는분 있나요??

css는 이런식으로 구성되 있습니다.

#TreasureReady-an-obj-13 {
    -webkit-transform: translate(-109px, 315px) scale(0.8, 0.8);
    width: 600px;
    height: 400px;
    top: 0;
    left: 0;
}

@-webkit-keyframes ani-TreasureReady-an-obj-13 {
    0% {
        -webkit-transform: translate(-449px, 315px) scale(0.8, 0.8);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

    32.5147% {
        -webkit-transform: translate(-258.92678608337974px, 315px) scale(0.8, 0.8);
        -webkit-animation-timing-function: linear;
    }

    66.0455% {
        -webkit-transform: translate(-139.10235663750277px, 315px) scale(0.8, 0.8);
        -webkit-animation-timing-function: linear;
    }

    100% {
        -webkit-transform: translate(-109px, 315px) scale(0.8, 0.8);
        -webkit-animation-timing-function: linear;
    }
}

.run #TreasureReady-an-obj-13 {
    -webkit-animation-name: ani-TreasureReady-an-obj-13;
    -webkit-animation-duration: 0.7542s;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: both;
}

#TreasureReady-an-obj-13 {
    -webkit-transform: translate(-109px, 315px) scale(0.8, 0.8);
    -webkit-animation-timing-function: linear;
}

.restart #TreasureReady-an-obj-13 {
    -webkit-transform: translate(-449px, 315px) scale(0.8, 0.8);
    -webkit-animation-timing-function: linear;
}