title: CSS Transition doesn't work with top, bottom, left, right
body: <p>I have an element with style</p>
  <pre><code>position: relative;
  transition: all 2s ease 0s;
  </code></pre>
  <p>Then I want to change its position smoothly after clicking on it, but when I add the style change the transition doesn't take place, instead, the element moves instantly.</p>
  <pre><code>$$('.omre')[0].on('click',function(){
      $$(this).style({top:'200px'});
  });
  </code></pre>
  <p>However, if I change the <code>color</code> property, for example, it changes smoothly.</p>
  <pre><code>$$('.omre')[0].on('click',function(){
      $$(this).style({color:'red'});
  });
  </code></pre>
  <p>What might be the cause of this? Are there properties that aren't 'transitional'?</p>
  <p><strong>EDIT</strong>: I guess I should have mentioned that this is not jQuery, it's another library. The code appears to work as intended, styles are being added, but transition only works in the second case?</p>