title: Css transition affects layout height
body: <ol>
  <li>Take a look at the example at <a href="http://codepen.io/anon/pen/HpbLo" rel="nofollow">CodePen</a>.</li>
  <li>Minimize bottom area so that scrollbar appears on the right.</li>
  <li>Hover over links and enjoy bouncing scrollbar.</li>
  </ol>
  
  <p>The problem appears in all browsers. Why is this happening? Is there any way to fix this without "overflow-y: hidden"?</p>