title: background picture is cut in half
body: <p>I have a background image applied with the following code:</p>
  
  <pre><code>#paint-bg{
      background: url(../_img/contacto/paint.png) no-repeat center center fixed;
      width: 970px;
      height: 670px;
      display:block;
  }
  </code></pre>
  
  <p>Nothing really extraordinary.The same as my html: </p>
  
  <pre><code>&lt;?php include('header.php'); ?&gt;
      &lt;body class="bg"&gt;
          &lt;?php include('nav.php'); ?&gt;
          &lt;div id="wrapper"&gt;
                  &lt;div id="paint-bg"&gt;
                      &lt;section class="contacto"&gt;
                          &lt;h2&gt;Contacto&lt;/h2&gt;
                          &lt;p class="p1"&gt;c/ Manuel Pombo Angulo nº 18 ,planta 1ª 16&lt;/p&gt;
                          &lt;p class="p2"&gt;28055 Madrid&lt;/p&gt;
                          &lt;p class="p3"&gt;+34 629 413 049&lt;/p&gt;
                          &lt;p class="p4"&gt;&lt;a href="mailto:info@rosasusaeta.com"&gt;info@rosasusaeta.com&lt;/a&gt;&lt;/p&gt;
                      &lt;/section&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
  &lt;?php include('footer.php'); ?&gt;
  </code></pre>
  
  <p>Nothing extraordinary. But when somebody access this webpage they see the image cut in half form the left side. I've played with different parameters but as its so simple I dont know what is wrong... Please let me know how to follow... </p>
  
  <p>Here you have the link of the website so you can see it for yourself, <a href="http://rosasusaeta.com/contacto.php" rel="nofollow noreferrer">link to web site</a>.</p>
  
  <p><img src="https://i.stack.imgur.com/ZE638.png" alt="enter image description here"></p>