title: CSS animation not working in all versions of IE
body: <p>My animations are fine in Firefox and Chrome but not IE10 /11 . I also tried using <code>0%</code> and <code>100%</code> instead of <code>from</code> and <code>to</code></p>
  
  <p>EDIT: Apologies, just to clarify the problem. The animation is moving as intented as per the CSS rules above both in Chrome and Firefox. However to put it simply, nothing is happening in Internet Explorer, the objects are staying exactly where they are</p>
  
  <pre><code>.object-left-side.move { 
  
      -webkit-animation: .75s ease 0s normal forwards 1 running move_left;
      -moz-animation: .75s ease 0s normal forwards 1 running move_left;
      -o-animation: .75s ease 0s normal forwards 1 running move_left;
      -ms-animation: .75s ease 0s normal forwards 1 running move_left;
      animation: .75s ease 0s normal forwards 1 running move_left;
  
   }
  
  @-webkit-keyframes move_left {
       from { left: 50%;top:24%;} 
       to {left:5%;top:48%;} 
  }
  
  @keyframes move_left {
       from { left: 50%;top:24%;} 
       to {left:5%;top:48%;} 
  }
   @-moz-keyframes move_left {
       from { left: 50%;top:24%;} 
       to {left:5%;top:48%;} 
  }
  
   @-ms-keyframes move_left {
       from { left: 50%;top:24%;} 
       to {left:5%;top:48%;} 
  }
  
   @-o-keyframes move_left {
       from { left: 50%;top:24%;} 
       to {left:5%;top:48%;} 
  }
  
  .object-left-side {
  
    left: 50%;
    position: absolute;
    top: 24%;
    z-index: 0;
  }
  </code></pre>