title: <tr> border top working but not border bottom
body: <p>Here's the issue. I have my code so that I should be seeing a border on top and bottom of each <code>&lt;tr&gt;</code> item. However, I only see what's on bottom except for the top element.</p>
  
  <pre><code>.tstyle1 {
      margin: 10px 0 0 30px;
      width: 950px;
  }
  
  .tstyle1 tr {
      height: 120px;
      border-bottom: 1px solid black;
      border-collapse: separate;
      border-top: 1px solid black;
      border-bottom: 1px solid orange;
  }
  
  .tstyle1 td {
      border: none;
  }
  </code></pre>
  
  <p>Here's the issue recreated.
  <a href="http://jsfiddle.net/fL3rx/" rel="nofollow noreferrer">http://jsfiddle.net/fL3rx/</a></p>