title: nth-child() not displaying in print media
body: <p>Ignoring the table made of divs (believe me, I've had that discussion with the powers that be), I am having trouble getting my alternating row background colors to view for my print media.  Here is what I've got:</p>
  
  <pre><code>&lt;div class="table"&gt;
     &lt;div class="head"&gt;
       &lt;div class="headcell"&gt;Column 1 is this long&lt;/div&gt;
       &lt;div class="headcell"&gt;Column 2 but this neeeds to be this long&lt;/div&gt;
       &lt;div class="headcell"&gt;Column 3&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="row"&gt;
       &lt;div class="cell"&gt;Column 1 is this long&lt;/div&gt;
       &lt;div class="cell"&gt;Column 2 but this neeeds to be this lonn&lt;/div&gt;
       &lt;div class="cell"&gt;Column 3&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="row"&gt;
       &lt;div class="cell"&gt;Column 1&lt;/div&gt;
       &lt;div class="cell"&gt;Column 2&lt;/div&gt;
       &lt;div class="cell"&gt;Column 3&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="row"&gt;
       &lt;div class="cell"&gt;Column 1&lt;/div&gt;
       &lt;div class="cell"&gt;Column 2&lt;/div&gt;
       &lt;div class="cell"&gt;Column 3&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="row"&gt;
       &lt;div class="cell"&gt;Column 1&lt;/div&gt;
       &lt;div class="cell"&gt;Column 2&lt;/div&gt;
       &lt;div class="cell"&gt;Column 3&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="row"&gt;
       &lt;div class="cell"&gt;Column 1&lt;/div&gt;
       &lt;div class="cell"&gt;Column 2&lt;/div&gt;
       &lt;div class="cell"&gt;Column 3&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my CSS:</p>
  
  <pre><code>@media print
  {
  h1  {
    margin-top: 17.67pt;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16pt;
    margin-bottom: 1.67pt;
    padding-left: none;
    background-image: none;
    text-decoration: underline !important;
  }
  
  /*Table made of Divs PDF Styles*/
  .table {
    font-family: sans-serif;
    font-size: 12px;
    display: table;
    width: 80%;
    margin: 20px; 
  }
  
  .head {
    display: table-row;
    border: #ccc 1px solid;
    padding:4px 10px;
    text-align:center;
    font-weight: bold;
    background-color: #ccc;
  }
  
  .row {
    display: table-row;
    border: #ccc 1px solid;
  }
  
  .headcell {
    display: table-cell;
    border: #ccc 1px solid;
    padding: 10px;
    font-align: center;
  }
  
  .cell {
    display: table-cell;
    padding: 10px;
    border: #ccc 1px solid;
  }
  
  div.row:nth-child(odd) {
    background-color: #ccc;
  }
  
  div.row:nth-child(even) {
    background-color: #fff;
  }
  }
  </code></pre>
  
  <p>I appreciate everyone's help!</p>