title: Border around tr element doesn't show?
body: <p>It seems like Chrome/Firefox do not render borders on <code>tr</code>, but it renders the border if the selector is <code>table tr td</code>.</p>
  <p>How can I set a border on a tr ?</p>
  <p>My attempt, which doesn't work:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table tr {
    border: 1px solid black;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;
          Text
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="http://jsfiddle.net/edi9999/VzPN2/" rel="nofollow noreferrer">http://jsfiddle.net/edi9999/VzPN2/</a></p>
  <p>This is a similar question: <a href="https://stackoverflow.com/questions/583539/set-border-to-table-tr-works-in-everything-except-ie-6-7">Set border to table tr, works in everything except IE 6 &amp; 7</a> , but it seems to work everywhere except for IE.</p>