title: Mystical white stripe at bottom on Safari iOS
body: <p>I have a website where an unwanted white stripe is appearing at the very bottom, and this only for mobile Safari iOS visitors.</p>
  
  <p>I'm using the following code for the footer area to stick it to the bottom:</p>
  
  <pre><code>&lt;div class="page_wrapper"&gt;
      &lt;!-- Content here --&gt;
  &lt;/div&gt;
  &lt;div id="footer"&gt;
      &lt;div class="footer_sticker"&gt;    
          &lt;div class="footer_upper"&gt;
              &lt;!-- Content here --&gt;
          &lt;/div&gt;
          &lt;div class="footer_lower"&gt;
              &lt;!-- Content here --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  #footer, .page_wrapper:after {
      height: 275px;
  }
  .page_wrapper:after {
      content: "";
      display: block;
  }
  .page_wrapper {
      margin-bottom: -275px;
      min-height: 100%;
  }
  #footer {
      position: relative;
  }
  #footer .footer_sticker {
      bottom: 0;
      height: 275px;
      position: absolute;
      width: 100%;
  }
  </code></pre>