title: scailing hover effect doesn't work, Chrome
body: <p>If you take a look at this page with FF: <a href="http://wearewebstars.dk/referencer.aspx" rel="nofollow">http://wearewebstars.dk/referencer.aspx</a>, then you will see a hover effect on the images on the bottom, but in Chrome, it doesn't work, cant quite figure out why ? </p>
  
  <p>The code in pretty straight forward and Chrome, should be able to understand the "scale" ? </p>
  
  <pre><code>.case-item img {
  width:100%;
  height:auto;
  </code></pre>
  
  <p>}</p>
  
  <p>.case-item  .img-thumb img {
      opacity: 0.25;
  }</p>
  
  <p>.case-item  .img-thumb:hover img {
      opacity: 0.6;
      transform: scale(1.3) rotate(10.5deg);
  }</p>