Граница таблицы не выровнена сверху или снизу

Question

Есть следующая проблема пример .

Проблема в том, что из-за границы справа td белая линия появляется сверху и снизу.

Мне бы хотелось, чтобы:

• Черные границы выравнивались снизу.

• Зеленый цвет доходил до вершины

• И, если возможно, решение не зависит от размера границ (например, если увеличить границу вместо 2px до 5px или увеличить содержимое
  внутри

Спасибо

ОБНОВЛЕНИЕ:

Это то же самое example2 , но просто увеличив границу от TD, вы можетеубедитесь, что зеленый цвет не идет вверх, а нижняя левая граница не совпадает с правой нижней.

Answer 1

свойство border-collapse, вызывающее это.

Таблица стиля

table{border-collapse:seperate}

пример: http://jsfiddle.net/TTw97/10/

Answer 2

Вы пропускаете style="border: 2px solid black" из некоторых ваших элементов.