title: Who wins out of css top/bottom?
body: <p>If you have a div that sits at the 'bottom' like so:</p>
  
  <pre><code>&lt;div id="box" style="position: absolute;width: 10px;height: 10px;bottom: 0px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and then if you were to change the position using 'top'... </p>
  
  <pre><code>$('#box').css({'top':'0px'});
  </code></pre>
  
  <p>what happens to the 'bottom' css command and what decides who (top or bottom) wins?</p>
  
  <p>Should I cancel bottom somehow at the same time as setting top?</p>
  
  <p>Ideas:</p>
  
  <pre><code>$('#box').css({'top':'0px','bottom','none'});
  $('#box').css({'top':'0px','bottom',''});
  </code></pre>
  
  <p>It never occurred to me before</p>