How to remove this Top Space in the Background Image?
<p>I am using a simple HTML code to set a background image to my webpage, but still it shows me a free space in the top of the Page, I tried to life the Background image with this code, It was lifted to the up, Can you confirm me, is it the proper way or are there any issue with my existing CSS codes?</p>

<pre><code>margin-top:-20px
</code></pre>

<p>My CSS Code,</p>

<pre><code>&lt;style&gt;
.bg-image {
  left: 0;
  right: 0;
  height: 200%;
  background-image: url("/bg.jpg");
  background-position: 0px 0px;
  position: fixed;
  background-size: cover;
  margin-top:-20px;
}
</code></pre>

<p>My HTML Code :</p>

<pre><code>&lt;html&gt;
&lt;head&gt; &lt;/head&gt;
&lt;body&gt;
    &lt;div class="bg-image"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>