title: Table border not aligned top or bottom
body: <p>Have the following problem <a href="http://jsfiddle.net/TTw97/1/" rel="nofollow">example</a> .</p>
  
  <p>The problem is that because of the border in the right <code>td</code> , a white line appears in top and the bottom.</p>
  
  <p>I would like to have:</p>
  
  <ul>
  <li><p>The black borders align at the bottom.</p></li>
  <li><p>The green goes until to the top</p></li>
  <li><p>AND if possible, the solution not depend on borders size (for example
  if increase the border instead of 2px to 5px or increase    the<br>
  content inside the &lt; td >)</p></li>
  </ul>
  
  <p>Thanks </p>
  
  <p><strong>UPDATE :</strong></p>
  
  <p>This is the same <a href="http://jsfiddle.net/TTw97/3/" rel="nofollow">example2</a> but just increase the border from the TD , you can see that green doesn't go to the top and the bottom left border is not align with the right bottom.</p>