title: Can't get .animate() to work w/jQuery
body: <p>I have an overflow div with items hidden. I'd like to scroll the hidden area on click on UP/DOWN elements:</p>
  
  <pre><code>$("#up").click(function(){
      $("#container").find(".box:first").animate({"top": "+=20px"}, "slow");
  });
  $("#down").click(function(){
      $("#container").find(".box:first").animate({"top": "-=20px"}, "slow");
  });
  
  &lt;style&gt;
  #itemsList {
      height:60px;
  }
  .box {
      height:20px;
  }
  &lt;/style&gt;
  
  &lt;div id="container"&gt;                        
      &lt;div id="up" class="scroll"&gt;UP&lt;/div&gt;
      &lt;div id="itemsList"&gt;
          &lt;div id="item1" class="box"&gt;item 1&lt;/div&gt;
          &lt;div id="item2" class="box"&gt;qweqweqwe&lt;/div&gt;
          &lt;div id="item3" class="box"&gt;qqqqqqqq&lt;/div&gt;
          &lt;div id="item4" class="box"&gt;eeeeeee&lt;/div&gt;
          &lt;div id="item5" class="box"&gt;rrrrrrrr&lt;/div&gt;
          &lt;div id="item6" class="box"&gt;tttttt 11&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="down" class="scroll"&gt;DOWN&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Not sure what I'm missing... Here's my <a href="http://jsfiddle.net/VP5Xb/2/" rel="nofollow">JSfiddle</a>.</p>