CSS3 background-color animation does not work in Chrome


I have been working with changing the background colour of an element using css3 animations. However it does not work in Chrome. I have attached a jsFiddle example of the code I am using. It works in Firefox, but not in Chrome and despite my best efforts I have been unable to work out what the problem is.

In chrome is seems to ignore the reference to background-color only. If I move the item or apply any other effect to the element it works fine.


Thanks in advance.

This is a bug in chrome. Should be fixed in version 18 as per http://code.google.com/p/chromium/issues/detail?id=101245