title: how come bottom padding animation on rotated object causes -DIAGONAL- movement?
body: <p>I'm trying to do a little feedback tab on the elft side of my page.
  I've created a div, rotated it 90 degrees, and slapped it to the left side of my page. So far so good. Then I wanted to add a little animation on hover. so I increase ONLY the bottom padding a little, but the tab moves diagonally... /:<br>
  <a href="http://www.codepen.io/A-Zak/pen/qoicB" rel="nofollow">Here's a <strong>CodePen</strong> with the problem.</a></p>
  
  <p>How do I fix it?!
  Thanks. :)</p>