title: Jquery, not changing css top value
body: <p>So the problem im having is changing my #scroll top:value with the pixel (px) extension.</p>
  
  <pre><code>#container {
   height:100px;
   overflow:hidden;
  }
  
  #scroll {
   position:relative;
   top:0px;
  }
  &lt;div id="container"&gt;
  
  &lt;p&gt;
   &lt;a id="up"&gt;Up&lt;/a&gt;
  &lt;/p&gt;
  
  &lt;div id="scroll"&gt;up down blah&lt;/div&gt;
  
  &lt;/div&gt;
  
  $(function(){
    $("#up").hover(function(){
      var topVal = $( 0 + "px");
      $("#scroll").css("top", topVal-10 + "px");
    });
  </code></pre>