title: CSS Hover jitter issue
body: <p>This is my first question. I usually try to research these things well, but this one is driving me crazy. </p>
  
  <p>I need to be able to do something very similar to what you see here (hover over the box):
  <a href="http://dev.ranvel.com/test-hover-method.html" rel="nofollow">http://dev.ranvel.com/test-hover-method.html</a></p>
  
  <p>The problem is the jitter that I get. It looks very unprofessional. </p>
  
  <p>I want to use CSS and HTML (and not images) because what will eventually happen is there will be words behind the box and by hovering, you will see a translation. </p>
  
  <p>What I've seen already are things like keeping the fonts the same, removing bold text, etc. Here, the whole div is changing and not just the text. I've also seen the "transition trick" where you increase the amount of time between the transitions. The problem is that sometimes when the mouse comes to a rest over the div, it is in its "non-hover" state. </p>
  
  <p>Thanks in advance!!!</p>