title: WKHTMLTOPDF - borders appear on pdfs
body: <p>I have a web page of data that I export to a pdf using wkhtmltopdf 0.12.3.2 (with patched qt).</p>
  
  <p>When the data is displayed on screen, it looks exactly as I want it to appear as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/JN4wY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/JN4wY.png" alt="enter image description here"></a></p>
  
  <p>When the data is rendered to the pdf, a "ghost" border appear on the pdf as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/uZy6H.png" rel="noreferrer"><img src="https://i.stack.imgur.com/uZy6H.png" alt="enter image description here"></a></p>
  
  <p>And when I print out the data, more 'ghost' borders appear on the page, as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/bH4iS.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/bH4iS.jpg" alt="enter image description here"></a></p>
  
  <p><strong>How do I prevent these 'ghost' borders from appearing?</strong> I have tried many options but the solution eludes me.</p>
  
  <p>I have tried <code>outline: #fff solid medium !important;</code> but this has no effect. I have also tried <code>box-shadow: 0px 0px 1px #fff;</code> but this has no effect.</p>
  
  <p>This issue only seems to occur with the CSS <code>border: double</code> value.</p>
  
  <p>Here is my html code:</p>
  
  <pre><code>&lt;div class="resumeStyleStandardHeadings8" dir="ltr" style="direction: ltr;"&gt;Summary Details&lt;/div&gt;
  </code></pre>
  
  <p>Here is my css code:</p>
  
  <pre><code>.resumeStyleStandardHeadings8 {
      background: #000;
      border-left: 10px double #fff;
      border-bottom: 10px double #fff;
      color: #fff;
      display: block;
      font-weight: 700;
      margin-bottom: 2px;
      outline: none;
      overflow: hidden;
      padding: 2px;
      padding-bottom: 5px;
      padding-top: 5px;
      page-break-inside: avoid;
      text-transform: uppercase;
      vertical-align: middle;
      white-space: nowrap;
      width: 100%
  }
  </code></pre>