title: position absolute iPad container width issue
body: <p>I am having an issue viewing in iPad safari where my container div is resizing to fit an absolute positioned element. iPad seems to be adding the overflowing element's width to the ".content" 980 width and zooming out to show about a 1080px width. Perhaps there is a property to force the iPad to only size to the 980px width of content?</p>
  
  <p>I have a container div with class of content with the following css properties defined:</p>
  
  <pre><code>.content{
      position:relative;
      width:980px;
      height:100%;
      margin:0 auto;
  }
  .e1{left:880px;top:892px;width:300px}
  </code></pre>
  
  <p>Within content I have an absolute positioned element that goes outside of the bounds of 980px width like so:</p>
  
  <pre><code>&lt;div class="content"&gt;   
     &lt;div class="e1"&gt;
        &lt;img src="images/elements/e1.png"/&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/hMXUM.jpg" alt="iPad Safari Screenshot"></p>