Background picture has margin top,left,right how to remove it
<p>Background picture has margin top,left and right, trued to remove it with position absolute and relative, didn't worked what can true else to remove them.</p>

<p>HTML</p>

<pre><code>&lt;header class="banner"&gt;&lt;/header&gt;
</code></pre>

<p>Css</p>

<pre><code>banner {
  background-image: url(../images/banner.jpg);
  min-height: 750px;
  background-size: cover;
  background-position: center top; }
</code></pre>

<p><a href="https://i.stack.imgur.com/sCIgh.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sCIgh.jpg" alt="enter image description here"></a></p>