title: Print an image tiled on a web page
body: <p>I need to be able to tile an image across a region, but also have that pattern print.</p>
  
  <p>Traditionally, you tile images using a repeated background, but backgrounds don't print in most browsers unless you explicitly turn on that behavior. </p>
  
  <p>See <a href="http://jsfiddle.net/xjD3X/" rel="nofollow">this jsFiddle</a> for an example of what I need (except this example won't print correctly).</p>
  
  <p>Any dirty tricks are perfectly allowable as long as the crosshatch pattern will print.</p>
  
  <p><em>Relevant bits of the jsFiddle excerpted below:</em></p>
  
  <pre><code>&lt;style&gt;
  #danger div { background: white; padding:15px; margin:15px;  }
  #danger { margin:15px;border: 1px solid black;
      background: url(http://i.stack.imgur.com/pTOTJ.png);
  }
  &lt;/style&gt;
  &lt;div id="danger"&gt;&lt;div&gt;
      &lt;h3&gt;Danger Will Robinson&lt;/h3&gt;
      &lt;p&gt;Don't forget to frob the sporkle.
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>