title: CSS3 Transitions on mouseout
body: <p>I've created this fiddle. I'm sure you'll see my problem.</p>
  
  <p>jsfiddle.net/vnbS3/</p>
  
  <p>The box that pops up decides that it will not do the same on mouseout. I have tried a lot of things, and i don't think it is because of the z-index. </p>
  
  <p>I think it is due to the transition on the .background, as i had to put a transition-delay to stop it messing up. However, the delay will not work on mouseout. </p>