title: Why does the iOS Safari user agent stylesheet appear to override my margin style on the body?
body: <p>Why does the following markup result in <code>body</code> having an 8px <code>margin</code> on iOS (latest iPad) (and hence a vertical scrollbar)?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body style="margin: 0px !important;"&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Online here: <a href="http://limitless-refuge-4707.herokuapp.com/index3" rel="nofollow">http://limitless-refuge-4707.herokuapp.com/index3</a></p>
  
  <p>iOS 7.0.4</p>
  
  <p><strong>Edit:</strong> </p>
  
  <p>Using the iPad web inspector I can see that the iOS Safari user-agent stylesheet style for a <code>margin-top: 8px</code> on the body is overriding my own styles. Why might this be?</p>