Animación CSS3 no funciona en FIREFOX

[eduardobrutaldeath]

Hola a todos,
He creado una animación CSS3 que funciona con todos los navegadores menos con FIREFOX, a pesar de haber agregado -MOZ-.

Código CSS:

DIV{
        margin: o auto;
        height: 250px;
        width: 300px;
 
    -webkit-animation-name: pisco;
    -webkit-animation-duration: 50s;
    -webkit-animation-direction: normal;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
 
    -moz-animation-name: pisco;
    -moz-animation-duration: 50s;
    -moz-animation-direction: normal;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
 
@-webkit-keyframes pisco{
    0%{background: url("img/pisco-1.jpg");}
    100%{background: url("img/pisco-2.jpg");}
}
 
@-moz-keyframes pisco{
    0%{background: url("img/pisco-1.jpg");}
    100%{background: url("img/pisco-2.jpg");}
}
 

Con el código de arriba consigo que dentro de mi DIV aparezcan dos imágenes de fondo en distintos tiempos, alternadas y como si se diluyeran, dando como resultado una sencilla pero bonita animación; el problema que tengo es que en FIREFOX no funciona la animación (lo que me parece muy raro porque FIREFOX nunca me había dado problemas) pero en Google Chrome y Safari funciona perfectamente. La verdad no entiendo, estoy dándole vueltas a mis códigos pero no encuentro fallas y no sé que pueda ser, ojalá alguno de ustedes pueda ayudarme con una respuesta salvadora XD