title: tr not displaying border-bottom
body: <p>I'm trying to create a datagrid and stumbled on two problems.</p>
  
  <p>I had to use border-collapse: separate; to get round corners on top.
  But by doing that I lost the ability to add borders on tr botton. </p>
  
  <p>Any insights?</p>
  
  <p><a href="http://fiddle.jshell.net/KNb7K/" rel="nofollow noreferrer">http://fiddle.jshell.net/KNb7K/</a></p>
  
  <p>css:</p>
  
  <pre><code>table.dgrid {
      border: solid 1px #CDCDCD;
      .border-radius(8px, 0px, 0px, 8px);
      width: 100%;
      border-collapse: separate;
  }
  table.dgrid th:first-child{
      .border-radius(0px, 0px, 0px, 8px);
  }
  
  table.dgrid th:last-child{
      .border-radius(8px, 0px, 0px, 0px);
  }
  
  table.dgrid th{
      background-color: #E6E6E6;
  }
  table.dgrid tr th:last-child, table.dgrid tr td:last-child{
      border-right: 0px; 
  }
  table.dgrid tbody tr:last-child {
      border-bottom: 0;
  }
  table.dgrid tr {
      border-bottom: solid 1px #CDCDCD;
      border-collapse: collapse ;   
  }
  table.dgrid th, table.dgrid td {
      padding: 5px;
      text-align: center;
      vertical-align: middle;
      border-right: solid 1px #CDCDCD;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;table class="dgrid"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Ativar&lt;/th&gt;
              &lt;th&gt;Imagem&lt;/th&gt;
              &lt;th&gt;Posição&lt;/th&gt;
              &lt;th&gt;Link&lt;/th&gt;
              &lt;th&gt;Excluir&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;   
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;input type="checkbox" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
                  &lt;tr&gt;
              &lt;td&gt;&lt;input type="checkbox" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
                  &lt;tr&gt;
              &lt;td&gt;&lt;input type="checkbox" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>