title: background-size transition doen't work in IE10/11
body: <p>What's wrong with this code? The zoom transition effect doesn't work in Internet Explorer 10 or 11 (OK in other browsers).</p>
  
  <pre><code>&lt;div class="image"&gt;&lt;/div&gt;
  
  .image {
      width:300px;
      height:200px;
      background: url("http://lorempixel.com/300/200");
      background-position:center;
      background-size:100%;
      transition: background-size 1s ease;
      -moz-transition: background-size 1s ease;
      -o-transition: background-size 1s ease;
      -webkit-transition: background-size 1s ease;
  } 
  .image:hover {
       background-size:150%;
  }
  </code></pre>
  
  <p>background-size transition should work with IE10/11 as I see <a href="http://www.w3schools.com/cssref/css3_pr_background-size.asp" rel="nofollow">here</a><br>
  Where is my mistake?<br>
  <a href="http://codepen.io/dragoeco/pen/ibrzK" rel="nofollow">I made a Codepen here</a></p>