title: How to overlay one div over another div without using position: absolute?
body: <p>I have two divs with two images:</p>
  
  <pre><code>&lt;div id="div1"&gt;    
  
       &lt;div id="div2"&gt;
           &lt;img src="img1" /&gt;
      &lt;/div&gt; 
  
      &lt;img src="img2" /&gt; 
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Second one is some smaller than first. How can I put second image on first image without using</p>
  
  <pre><code>#div2{
      position: absolute;
  }
  </code></pre>
  
  <p>I need to get <a href="http://jsfiddle.net/4w5Ln/7/" rel="noreferrer">similar</a> result but without using position absolute property;</p>
  
  <p>The main issue is that there are a lot of other elements, in parent div, not only div2.</p>