Color fading with CSS3

I’m using an anchor tag as a button in one of my apps when, on mouseover, the color changes. This change is rather abrupt, but by simply adding a transition CSS tag, it becomes much smoother. Here’s a demo:

http://jsfiddle.net/fg9TL/