title: How can i protect html element overlaping?
body: <p>Two Div, overlapping one by another. if i add some padding on <code>main-wrap-inner</code> div then it is not overlapping. But padding is not fruitful for all browser.</p>
  
  <p>I have this html :</p>
  
  <pre><code>&lt;div class="main-wrap"&gt;
    &lt;div class="main-wrap-inner"&gt;
        &lt;nav class="navbar aog-navbar"&gt;&lt;/nav&gt;
    &lt;/div&gt;
    &lt;div id="fullpage" class="container charity-content"&gt;
       &lt;section&gt;&lt;/section&gt;
       &lt;section&gt;&lt;/section&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS are :</p>
  
  <pre><code>    .main-wrap {
          background: #ffffff none repeat scroll 0 0;
          clear: both;
          margin: 0;
          min-height: 100%;
          overflow: visible;
          padding: 0;
          position: relative;
      }
      .main-wrap-inner {
          clear: both;
          height: 100%;
          min-height: 86px;
          padding: 0;
          position: relative;
          width: 100%;
      }
      .main-wrap-inner {
          height: auto;
          min-height: inherit;
        }
    .aog-navbar {
          -moz-border-bottom-colors: none;
          -moz-border-left-colors: none;
          -moz-border-right-colors: none;
          -moz-border-top-colors: none;
          background-color: #fff;
          border-color: -moz-use-text-color -moz-use-text-color #ddd;
          border-image: none;
          border-style: none none solid;
          border-width: 0 0 1px;
          min-height: 100px;
          z-index: 99;
      }
      .navbar {
              margin-bottom: 20px;
              position: fixed;
      }
  
  .charity-content, .charity-content .container {
      max-width: 1220px;
      width: 100%;
  }
  .charity-content {
      padding-left: 0;
      padding-right: 0;
  }
  </code></pre>
  
  <p>Now problem is the <code>div</code> with <code>fullpage</code> going under the <code>div</code> with <code>main-wrap-inner</code>. 
  How can i protect this overlapping ?</p>