title: DIV after position:absolute
body: <p>i put <code>div</code> with <code>class="inner-box2"</code> after <code>div</code> with <code>class="inner-box"</code>. </p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;div class="box"&gt;
  
     &lt;div class="inner-box"&gt;&lt;/div&gt;
  
     &lt;div class="inner-box2"&gt;&lt;/div&gt;
  
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> .box {
       position: relative;
       width: 400px;
       height: 400px;
       border: solid 10px red;
    }
  
    .inner-box {
      border: solid 10px blue;
      position: absolute;
      height:150px;
      width:380px;
  
    }
     .inner-box2 {
      border: solid 10px green;
    }
  </code></pre>
  
  <p>Now, I need to show <code>div(inner-box2)</code> after <code>div(inner-box)</code> but in my Code <code>div(inner-box2)</code> show in under <code>div(inner-box)</code>. how to fix this? See <a href="http://jsfiddle.net/BBKING/4bqzz/" rel="noreferrer">Online Demo</a></p>