title: White space at top of page
body: <p>I have about 20 pixels of white space at the top of my page. I have inspected every element and nothing has padding or margin in this area. When I inspect the body element it does NOT include this space. When I inspect the html element is does include this space. Also if I delete </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p>the white space goes away.</p>
  
  <p>Here is my main layout</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;Title&lt;/title&gt;
      &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      @RenderSection("Css", false)
  &lt;/head&gt;
  
  &lt;body&gt;
      @RenderSection("JavaScript", false)
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>