title: image moves on hover - chrome opacity issue
body: <p>There seems to be an issue with my page here:
  <a href="http://www.lonewulf.eu" rel="noreferrer">http://www.lonewulf.eu</a></p>
  
  <p>When hovering over the thumbnails the image moves a bit on the right, and it only happens on Chrome.</p>
  
  <p>My css:</p>
  
  <pre><code>.img{
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter:alpha(opacity=50);
      -moz-opacity: 0.5; 
      opacity: 0.5;
      -khtml-opacity: 0.5;
      display:block;
      border:1px solid #121212;
  }
  .img:hover{
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter:alpha(opacity=100);
      -moz-opacity: 1; 
      opacity: 1;
      -khtml-opacity: 1;  
      display:block;
  }
  </code></pre>