title: Background image not showing on iPad and iPhone
body: <p>I want to create a section with a background covering it in a mobile web page, so I was using the following CSS code:</p>
  
  <pre><code>#section1{
      background: url("background1.png") auto 749px;
      height: 749px;
  }
  </code></pre>
  
  <p>The background is showing correctly on Android (Chrome, Firefox ...), but it is not showing at all on iPhone or iPad (Safari, Chrome iOS ...). I have tried to set these properties using jQuery when the DOM is ready, but no luck. I read that the size might be a problem, but the image is about 700kB (1124x749px) so it should accomplish the <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW15" rel="noreferrer">Safari Web Content Guide</a> rules. Which is the problem?</p>