title: Div overlapping & wrong height
body: <p>I have 3 DIVs. 2 are inside the parent DIV. something like</p>
  
  <pre><code>&lt;div id="parent"&gt;    
      &lt;div id=1&gt;......&lt;/div&gt;    
      &lt;div id=2 style="position:relative;left:0px;top:-300px;"&gt;....&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, there is an overlapping. The annoying thing is, the parent div has a huge white space at the bottom. The reason apparently is because the parent div doesn't minus the overlapping.</p>
  
  <p>Would you please tell me what I should do?</p>