CSS3: animation funziona solo su Firefox

[trez]

Ciao a tutti,
ho questo semplice codice che anima lo sfondo:

@-moz-keyframes onde-div {
	0% {
    	background-position: 0 0;
	}
	100% {
    	background-position: 100% 0;
	}
}


@keyframes onde-div{
	0% {background-position: 0 0; }
	100%{ background-position:100% 0; }
	}

#animate-area { 
	width: 200px; 
	height: 200px; 
	border-radius: 50%;
	border: 3px solid #CCC;
	background-image:url(onde3.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;

	animation: 5s linear 0s normal none infinite onde-div;
	-webkit-animation: 5s linear 0s normal none infinite onde-div;
}

..ma funziona solo su firefox.
Come mai?
Ho provato a controllare per filo e per segno sul sito del W3C, ma non riesco a venirne fuori.

Grazie per l'aiuto!