title: My jquery code(basic scrolling script) doesn't work in ie
body: <p>I'm trying to create a basic scrolling script, here is a js fiddle. It works fine in firefox and chrome. In ie nothing happens when I click to go up or down. From what I can see, it works the first time when clicking down, then when the buttons are clicked again it does change the 'top' value but there is no transition?</p>
  
  <p>I'm using IE 11.</p>
  
  <p><a href="http://jsfiddle.net/5e19x0gv/8/" rel="nofollow">http://jsfiddle.net/5e19x0gv/8/</a></p>
  
  <pre><code>    $('.scrollUp').click(function ()
      {
          if ( parseInt($(".statsTable tbody").css("top"), 10) &lt; -50 ) {
              $('.statsTable tbody').css({top:"+=100px"});
          }
      });
      $('.scrollDown').click(function ()
      {
          if ( parseInt($(".statsTable tbody").css("top"), 10) &gt; -300 ) {
              $('.statsTable tbody').css({top:"-=100px"});
          }
      });
  </code></pre>