title: Place picture under header
body: <p>Problem in particular visibility of the picture, when you enter the site, part of the picture hide under header, some part hide even more higher(don't know why?).</p>
  
  <p>Can you help me to place picture under header and make header transparent(or partly transparent), so the full picture appear on the site.</p>
  
  <p>Here is my code:
  HTML:`    </p>
  
  <pre><code>&lt;html lang="ru"&gt;
  &lt;head&gt;...&lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;header&gt;...&lt;/header&gt;
  
      &lt;div id="center"&gt;
          &lt;form&gt;....&lt;/form&gt;
      &lt;/div&gt;
  
      &lt;footer&gt; &lt;/footer&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;`
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>html {
  height: 100%;
  background: url(../img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  
  body {
  margin: 0px;
  font-family: sans-serif;
  color: white;
  width: 100%;
  height: 100%;
  }
  
  header {
  height: 60px;
  
  display: inline-block;
  vertical-align: top;
  
  color: white;
  
  width: 100%;
  padding-bottom: 20px;
  }
  </code></pre>