title: Stop A Button That Jumps On Hover
body: <p>I have a site (<a href="http://sheisbiddy.com/the-f-word/" rel="nofollow">http://sheisbiddy.com/the-f-word/</a>) where the Read More link jumps when you hover your mouse over it. It only started happening when I added padding to it to make it the same size as the box below. Here's the CSS:</p>
  
  <pre><code>a.more-link {display:block; text-align: center; color:#e9bdd8; text-transform:uppercase; font-size:85%; position: relative; bottom: 5px;}
  a.more-link:hover {background-color:white;padding-top:10px; padding-bottom:10px;transition: color, background-color 0.1s linear; -moz-transition: color, background-color 0.1s linear; -webkit-transition: color, background-color 0.2s linear; -o-transition: color, background-color 0.1s linear;}
  </code></pre>
  
  <p>I'm using Safari if that makes a difference. </p>