Unable to generate tab hover using '.animate'
<p>I'm trying to use the .animate function to change (and fade in/out) the background colour of my tabs when they're hovered over, returning to their original colour when the cursor is moved off the tab.</p>

<p>Here is my <strong><a href="http://jsfiddle.net/oroborous/q4fXm/" rel="nofollow">jsFiddle</a></strong>.</p>

<p>I've attempted this off the back of being unable to find a clean solution using the .hover and/or .mouseover/mouseout functions, so a steer in the right direction would be most welcome.</p>
