title: CSS3 transition for "top" and "left" properties not working
body: <p>I have a list with one item on the list transitioning to the northeast when I hover over it. Using <code>margin-top</code> and <code>margin-left</code> property transitions worked but the item being hovered over kept pushing other elements so I added <code>position:relative</code> and tried using <code>top</code> and <code>left</code> transition properties but it didn't seem to be working.</p>
  
  <p>Here is the jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/MgAYE/1/" rel="noreferrer">list hover</a></p>