title: css position absolute with top and bottom both
body: <p>I am using <code>position: absolute;</code> on a div.</p>
  
  <p><a href="http://jsfiddle.net/akash4pj/tDQWN/5028/" rel="noreferrer">fiddle</a></p>
  
  <p>My code is: </p>
  
  <pre><code>.ab {
    background: none repeat scroll 0 0 #FF0000;
    bottom: 0;
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
  }
  </code></pre>
  
  <p>I want to know why is it on top even if I specified <code>bottom: 0</code>?
  Is there any priority issue between top and bottom ? Or what is the reason?</p>