title: fixed header for print not taking full page width
body: <p>I have a hidden header which is shown when printing a page, but when i try to print it with chrome 40 it's not taking the full width page. why?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="header"&gt;
      &lt;img id="logo" src="assets/img/brand.png"&gt;
      &lt;div id="title"&gt;Departamento de diagnostico por imagenes&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="footer"&gt;
      &lt;p class="page"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#header{
      top:0px;
      right:0px;
      width: 100%;
      height: 45px;
      position:fixed;
      border:1px solid #ccc;
  }
  #logo{
      position: absolute;
      top: 0;
      left: 0;
      height: 46px;
  }
  #title{
      position: absolute;
      top: 0;
      right: 0;
      font-size: 18px;
      font-weight: bold;
  }
  #footer {
      position: fixed;
      left: 50%;
      bottom: 0;
      /*right: 0;*/
      height: 40px;
      text-align: center;
  }
  #footer .page:after {
      content: counter(page, upper-roman);
      font-size: 18px;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/NlfQs.jpg" alt="Problem fixed header not full page width"></p>
  
  <p><strong>UPDATE</strong>
  I changed to position absolute, and it works, it's taking the full width</p>
  
  <p><img src="https://i.stack.imgur.com/tV26H.jpg" alt="fixed header but..."></p>
  
  <p>but now I realized that it's not repeating in every page, even with position fixed</p>
  
  <p><img src="https://i.stack.imgur.com/tOU0Q.jpg" alt="page header not repeating"></p>
  
  <p>Also notice the footer with number page, it's wrong centered because of fixed position, but when i change it to absolute it's correct but it goes to the bottom of the content, not of the page, and in the two cases neither repeat in every page</p>