title: Watermark CSS not working in Print
body: <p>I have the following CSS,</p>
  
  <pre><code>#duplicateCopy {
      -webkit-transform:rotate(-20deg);
      -moz-transform:rotate(-20deg);
      -o-transform:rotate(-20deg);
      transform:rotate(-20deg);
      color:#CCC;
      font-weight:bold;
      letter-spacing:5px;
      position:absolute; 
      z-index:1000; 
      top:35%;
      left:15%;   
      opacity:0.2; 
      filter:alpha(opacity=50);
  }
  </code></pre>
  
  <p>and also the following div in my html page</p>
  
  <pre><code>&lt;div id="duplicateCopy"&gt;
  &lt;p style="font-size:70px"&gt;Duplicate Copy&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above bit of css used to display a water mark in html page. The watermark is working fine in browser window. But while am taking print out the watermark text is not visible. How can i make watermark text visible for print? </p>