title: Background-position: Not applying to mobile browsers
body: <p>I'm doing some responsive work and can not figure out why this isnt applying to my phones browsers.</p>
  
  <p>Heres what I'm using to shift the images (They shift properly on desktop when I scale down)</p>
  
  <pre><code> .element {
      background-image: url("/image");
      min-height: 1000px;
      background-position: 0% 100%;
   }
  </code></pre>
  
  <p>So, this looks perfect on desktop when I scale down to it.. However, If I load it up in Chrome/Safari on my IPhone6.. The position does not take effect.. The background and the min-height change. </p>
  
  <p>For reference, the height of the image is much taller than the min-height.</p>
  
  <p>I'm at a loss here.</p>