Can't get .animate() to work w/jQuery
<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>
