title: Top and bottom borders on table row
body: <p>How to do this? I want to have different colors on top and bottom borders on the rows in my table. Chrome will render it correct if I use <code>display: block</code>, but I don't know if that is the proper way of doing it. However, I want it to work in IE8 and I do not know how.</p>
  
  <p>I've prepared a fiddle that works in Chrome: <a href="http://jsfiddle.net/s6LQ7/" rel="nofollow">http://jsfiddle.net/s6LQ7/</a></p>