title: How to Overlap Parent Div From Child Div
body: <p>I have some divs at my HTML and one of them is loading image div so I want it overlap its parent div. Here is my code:</p>
  
  <pre><code>&lt;div id="something1"&gt;
      &lt;div id="something2"&gt;&lt;/div&gt;
      &lt;div id="parent" style="border: 15px solid #c1c1c1;width:200px; height:250px;"&gt;
          &lt;div id="child" style="position: absolute; border: 15px solid #a2f2e2"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I use different positions (i.e. absolute, relative etc.) child div couldn't overlap its parent. Here is my fiddle link: <a href="http://jsfiddle.net/yNFxj/4/" rel="noreferrer">http://jsfiddle.net/yNFxj/4/</a> I don't want to see anything from parent div but I want to see that child div increased as parent's size and overlapped it.</p>
  
  <p>Any ideas about how can I dot it just with pure html and css and with a generic way to implement it my any other pages?</p>
  
  <p><strong>PS:</strong> Border, width, height etc. are just for example, it can be removed.</p>