title: Why is there a visible gap between adjacent DIVs on iOS Safari?
body: <p>After pulling all my hair out it has come down to this minimal html page that seems to be rendering wrongly on iOS:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;style type="text/css"&gt;
  
  #fold
  {
      background:url(https://s3.amazonaws.com/gigantt_pub_imgs/2012/07/1342078193.png) top left;
      min-height:350px;
  }
  
  
  #features
  {
      background:url(https://s3.amazonaws.com/gigantt_pub_imgs/2012/07/1342078193.png) top left;
      min-height:350px;       
  }   
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="fold"&gt;
      &lt;/div&gt;
      &lt;div id="features"&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When viewing in iOS (or for that matter in the iOS simulator) you can see a while line between the two blue divs.</p>
  
  <p><img src="https://i.stack.imgur.com/nXdau.png" alt="enter image description here"></p>
  
  <p>This white line disappears if you zoom in. And of course it's not visible in any other desktop browser I've tried, either.</p>
  
  <p>So, am I going nuts or is anybody else getting this? Any idea how to work around it?</p>