title: Repeat header after page break
body: <p>I have multiple div tags and a span tag inside each div(This is Header) in HTML. What I am trying to achieve is When the div breaks while printing, I want the span tag(Header) to repeat on the next page.</p>
  
  <pre><code>&lt;div class="paragraph"&gt;
        &lt;div class="content"&gt;
             &lt;span class="title"&gt;Employees&lt;/span&gt;&lt;br /&gt;
             Employee1&lt;br /&gt;
             Employee2&lt;br /&gt;
             Employee3&lt;br /&gt;
             Employee4&lt;br /&gt;
             Employee5&lt;br /&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="paragraph"&gt;
        &lt;div class="content"&gt;
             &lt;span class="title"&gt;Departments&lt;/span&gt;&lt;br /&gt;
             Department1&lt;br /&gt;
             Department2&lt;br /&gt;
             Department3&lt;br /&gt;
             Department4&lt;br /&gt;
             Department5&lt;br /&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I understand that changing HTML to tr, th, td ll solve the problem. But, I am not allowed to change the HTML. All I can do is apply properties to paragraph, content and title css classes.</p>
  
  <p>So, the final output should be like below</p>
  
  <pre><code>Employees:
  Employee1
  Employee2
  Employee3
  
  &lt;page break&gt;
  
  Employees:
  Employee4
  Employee5
  </code></pre>
  
  <p>I am strictly allowed to manipulate css only and not any HTML. I have been banging my head to the wall for 2 days and not finding a breakthrough. and the hard part is I have to make it work in IE.</p>
  
  <p>Thanks</p>