title: jquery button fade with background image acting strange
body: <p>I am trying to make a button fade into another class by using the toggleClass method. This seems to work fine until I introduce a background image into the classes. </p>
  
  <p>I'm not even sure what it is doing exactly.. It seems to depend on where the mouse is on the button. Anyways the button sort of starts the fade, possibly where it is just the background color not image, and then just "pops" in the background once it completes the animation. I recreated it here:</p>
  
  <p><a href="http://jsfiddle.net/2YbqH/1/" rel="nofollow">http://jsfiddle.net/2YbqH/1/</a></p>
  
  <p>So my question is.. how can i make the whole thing fade?</p>