title: Text wiggle when using CSS transition
body: <p>In Chrome and Safari, the text in this code (<a href="http://codepen.io/igdaloff/pen/cgCFt" rel="nofollow noreferrer">http://codepen.io/igdaloff/pen/cgCFt</a>) wiggles subtly when hovered. I'd like the text to remain stable throughout the transition.</p>
  
  <p>I've tried several alternative methods to accomplish this same effect (explained in <a href="https://stackoverflow.com/questions/8451909/expand-div-from-the-middle-instead-of-just-top-and-left-using-css">this post</a>), but the wiggle remains.</p>
  
  <p>I need the text to remain vertically centered and the content to be completely fluid (percentages only). As long as those requirements are true, I'm open to any solutions. I'm using the most recent browser versions.</p>
  
  <p>Thanks in advance.</p>