title: jQuery Animate not working
body: <p>I'm using jQuery to move some elements on screen, however the animate function is not working (or my CSS definition is hindering it, more like..).
  For instance, I believe this animate element id foobar to a given position..</p>
  <pre><code>$('#foobar').animate({ top: '0px', left: '200px' });
  </code></pre>
  <p>I've a jsfiddle example here: <a href="http://jsfiddle.net/upNSd/1/" rel="nofollow noreferrer" title="have a play">have a play</a></p>
  <p>As far as I am aware, I should be able to place absolute positioned elements (class menuButton in the example) so long as they are inside a relative positioned div (ScreenDesign in the example). However I cannot get this to work.</p>
  <p>Thanks :)</p>