title: CSS3 Opacity Transition Issues
body: <p>I've been working on a site which incorporates CSS3 transitions and I have run into a slight hitch.</p>
  
  <p>Whenever I hover over an element which has it applied to, text in the prior div blurs and returns to normal once the transition is complete. It works fine in Chrome and Safari, but run's into issue with Firefox.</p>
  
  <p>I've recreated the issue here: <a href="http://jsfiddle.net/fkbc6/" rel="nofollow">http://jsfiddle.net/fkbc6/</a></p>
  
  <p>The transition is currently applied to the list-item, which obviously doesn't work. I've also tried applying it to the image, but with no avail. </p>
  
  <p>Any help would be much appreciated, as I'm all out of ideas.</p>