title: Images not displaying when Print Preview (Or Print) in IE/Chrome/Firefox
body: <p>I'm Web Developer and almost never work with design but have been given this bug which I'm struggling to rectify.</p>
  
  <p>Some images appear correctly when I print/display the print preview page, however others don't. The key difference that I can see is that the images that don't appear are span tags with the image applied in css whilst the working images use the img tag.</p>
  
  <p>Here are examples of the html:</p>
  
  <p>Span with "icon" birth <em>does not</em> display:</p>
  
  <pre><code>&lt;li class="media"&gt;
      &lt;div class="img"&gt;
          &lt;div class="h2 mtm"&gt;1889&lt;/div&gt;
          &lt;span class="timeline-icon icon-birth"&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="bd"&gt;
          &lt;h3 class="profile-subtitle mts"&gt;Born in ?&lt;/h3&gt;
          &lt;p class="deemphasis mbn"&gt;
          &lt;a href="/search/results/bmdindexedbirths/bibby/elizabeth%20?yearofbirth=1889"&gt;Search     for Birth Record&lt;/a&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Image.gif <em>does</em> display:</p>
  
  <pre><code>&lt;li class="media"&gt;
      &lt;div class="img"&gt;
          &lt;div class="h6"&gt;
              &lt;strong&gt;Spouse&lt;/strong&gt;&lt;/div&gt;
              &lt;img src="image.gif" alt="" class="person-thumb dropshadow" /&gt;
          &lt;/div&gt;
      &lt;div class="bd"&gt;
          &lt;p class="mbn"&gt;Husband&lt;/p&gt;
          &lt;h3 class="profile-subtitle"&gt;
              &lt;a href="path"&gt;Thomas&amp;nbsp;&lt;strong&gt;Name&lt;/strong&gt;&lt;/a&gt;
          &lt;/h3&gt;
          &lt;p class="mbn"&gt;?&amp;#45;?&lt;/p&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>In some browsers it looks ok in the preview but does not print, in others it doesn't and still does not print.</p>
  
  <p>Thankyou in advance!</p>