title: Background Images not showing up in IOS devices
body: <p>I have several divs with background images, but none are showing up in any ios device (iphone + ipad). It works everywhere else. </p>
  
  <p>I've cut the sizes of the photo down to be 635 x 635. I'm not sure if this is an issue with the images or with the css. Unfortunately I can't post links to the actual images. But here is a sample of the code I have:</p>
  
  <p>The url to the image is generated by Thumbor.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.section {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding-left: 10%;
    display: block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: auto;
    padding-left: 0% !important;
  }
  .caption {
    margin: 5%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section class="section" id="image_text3" style="background: url(//placehold.it/635/635) no-repeat fixed top;"&gt;
    &lt;div class="caption"&gt;
      &lt;p&gt;caption&lt;/p&gt;
    &lt;/div&gt;
  &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>