title: Table Cells lose border in Google Chrome PC
body: <p>The following code, in all browsers - <em>apart from Google Chrome Latest on the PC</em> - displays a border on the tbody table cells, as specified in the CSS.</p>
  
  <p>Chrome PC, displays the thead border, but not the TD borders. Why? Is it a bug in Chrome, or in my HTML/CSS?</p>
  
  <p>Heres a <a href="http://jsfiddle.net/EBBdJ/5/" rel="noreferrer">jsFiddle</a> that replicates it:</p>
  
  <pre><code>&lt;table width="505" cellspacing="0" cellpadding="0" border="0"&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Testing&lt;/td&gt;
          &lt;td&gt;123&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Testing&lt;/td&gt;
          &lt;td&gt;456&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;foo&lt;/th&gt;
          &lt;th&gt;bar&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>table {
  width:736px;
  border-collapse: collapse;
  thead {
      border-top: 2px solid #aaaaaa;
      tr {
          th {
              border: 0;
              padding: 12px 5px;
          }
      }
  }
  tbody {
      border-top:0;
       tr {
           td {
              padding: 10px 5px;
              border-top: 1px solid #aaaaaa;
              border-bottom: 1px solid #aaaaaa;
           }
       }
  </code></pre>