title: <section> tag background fixed image overlap on header
body: <pre class="lang-css prettyprint-override"><code>section {
      position: relative;
      width: 100%;
      height: auto;
      min-height: 500px;
      padding: 40px 0;
      color: #333;
      font-size: 14px;
      background-image: url("a.jpg");
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center top;
      background-origin: content-box;
  }
  </code></pre>
  
  <p>My css code but background starts at begining of website not under header? how can i solve problem</p>
  
  <p><a href="https://i.stack.imgur.com/F9ohq.png" rel="nofollow noreferrer">summary of problem</a></p>