title: Difference between relative and absolute
body: <p>I'm reading this <a href="http://www.alistapart.com/articles/css-positioning-101/" rel="noreferrer">article about position</a>, and I don't understand why <a href="http://www.alistapart.com/d/css-positioning-101/example_h3.html" rel="noreferrer">in this example</a> the relatively positioned div is affected by the BODY, yet the absolutely positioned box ignores it?<br> Aren't they suppose to behave the same when they are positioned inside another element?</p>
  
  <p>the CSS:</p>
  
  <pre><code>body {
       display: block;
       margin: 8px;
  }
  
  #box_1 { 
       position: relative;
       width: 200px;
       height: 200px;
       background: #ee3e64;
  }
  #box_2 { 
       position: absolute;
       top: 0;
       left: 100px;
       width: 200px;
       height: 200px;
       background: #44accf;
  }
  </code></pre>