title: CSS transition glitch
body: <p>I have an issue with my CSS transition. I created a user profile design, and when a user hovers over the profile photo, the border changes its width from 3px to 10px. This results in the entire site shaking on the transition.</p>
  
  <p><a href="http://jsfiddle.net/Ozodrukh/mvY4k/" rel="nofollow"><strong>Shaking can be seen here!</strong></a></p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#timeline-user &gt; .timeline-user-border{
      border: 3px solid #2cbbee;
      padding: 7px;
      border-radius: 35px;
      width: 50px;
      height: 50px;
      -webkit-transition:all 0.2s ease;
  }
  
  #timeline-user &gt; .timeline-user-border:hover{
      border: 10px solid #2cbbee;
      padding: 0;
      -webkit-transition:all 0.2s ease;
  }
  </code></pre>