Animación con .css no me funciona en Safari y IE

[ceaped]

Hice algunos cambios y ya me funciona en Safari pero en IE no:

Código CSS:

#cajon_1  {
    width: 111px;
    height: 480px;
    float: right;
 
    background-image: url(../images/cajon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    
    -webkit-animation: cajon_1 4s;
    animation: cajon_1 4s;  
    }
 

Código CSS:

@-webkit-keyframes cajon_1 {
            
from {
    width: 111px;
    height: 0px;    
    opacity: 0;
    }
    
to {    
    width: 111px;
    height: 480px;
    opacity: 1;
    }
    
}
 

Código CSS:

@-moz-keyframes cajon_1 {            
from {
    width: 111px;
    height: 0px;    
    opacity: 0;
    }
    
to {
    width: 111px;
    height: 480px;
    opacity: 1;    
    }    
}
 

¿Cómo hago para que funciones en IE?

Gracias por su ayuda