title: div below another absolute positioned div
body: <p>I have problem with a div below another div which has "position: absolute".
  I need to make <strong>footer</strong> appear UNDER <strong>container</strong> div but now footer is appearing somewhere behind container.
  Screen: (div with green background is footer)
  <img src="https://i.stack.imgur.com/6lXSk.jpg" alt="enter image description here"></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="horni-panel"&gt;
      &lt;div class="logo"&gt;
          Zhlednuto.cz
      &lt;/div&gt;
  
      &lt;div class="menu"&gt;
          Home, about atd.
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;!-- Mini pozadi --&gt;
  &lt;div class="minipozadi"&gt;
      ahoj
  &lt;/div&gt;
  
  &lt;!-- hlavni obsah --&gt;
  &lt;div class="container"&gt;
  
  
  Lorem ipsum dolor sit amet. x 40
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>@font-face
  {
      font-family: Lato-Bold;
      src: url(fonts/Lato-Bold.ttf);
  }
  
  body
  {
      font-family: Myriad Pro;
      font-size: 17px;
      color: #a1a8af;
      background-color: #34495e;
  }
  
  .horni-panel
  {
      border-top: 8px solid #34495e;
      position:absolute;
      top:0;
      left:0;
      right:0;
      height: 77px;
      width: 100%;
      background-color: #ffffff;
  }
  
  .logo
  {
      color: #34495e;
      font-family: Lato-Bold;
      font-size: 33px;
  }
  
  
  .minipozadi
  {
      height: 282px;
      width: 100%;
      background-image: url(img/bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 auto;
      position:absolute;
      top: 85px;
      left:0;
      right:0;
      z-index:1;
      text-align:center;
      font-size:30px;
  }
  
  .container
  {
      padding: 20px;
      margin: 0 auto;
      border-radius: 5px;
      z-index: 100;
      position:absolute;
      top:0;
      right:0;
      left:0;
      margin-top:266px;
      width: 70%;
      background-color: #ffffff;
      border-rder-radius: 5px;
  }
  
  .footer
  {
  margin: 0 auto;
      width: 100%;
      height: 480px;
      background-color: green;
  }
  </code></pre>