Перекрытие границ таблицы в IE

Question

Я знаю, что IE не применяет стиль css к строкам таблицы, поэтому мне пришлось сделать обходной путь, где я добавил стиль для каждой ячейки. Теперь моя проблема в том, что в Firefox / Chrome внешняя граница отображается отлично; но в IE он имеет пробелы от нижней границы ячейки. Вот как выглядит это различие http://i.stack.imgur.com/9rg8S.jpg Я не могу изменить содержимое связанной таблицы стилей и не могу понять, что они здесь пытаются сказать Граница таблицы с перекрытием ячеек таблицы CSS

Содержание связанной таблицы стилей (style.css):

body {
background-color: #cc0000;
}

.tablewhite{

border-collapse: collapse;
}

.tablewhite td{
background-color: #cc0000;;
color: #000;
font-weight: 10px;
border: 1px solid #fff;
padding-left: 2psx;
padding-right: 4px;
border-spacing: 0px;
}

HTML-страница: http://pastebin.com/2mZYDx1n

Answer 1

Попробуйте добавить рамку на свой стол:

.tablewhite{
    border: 2px solid black;
    border-collapse: collapse;
}

Answer 2

Сделайте это:

body {
background-color: #cc0000;
}

.tablewhite{


border: 2px solid #000;
border-collapse: collapse;

}

tr {
    border-left: none !important;   
}

.left {
    border-left: none !important;   
}

.right {
    border-right: none !important;
}   

.tablewhite td{
background-color: #cc0000;;
color: #000;
font-weight: 10px;
border: 1px solid #fff;
padding-left: 2px;
padding-right: 4px;
border-collapse: collapse;
}



tbody {
    border: 2px solid #000;
}

Answer 3

.tablewhite {
    border-left: 1px solid #A3A3A3; 
    border-right: 1px solid #A3A3A3;
    background: #CCC;
}

.tablewhite td {
background-color: #cc0000;;
color: #000;
font-weight: 10px;
border-bottom: 1px solid #fff;
padding-left: 2psx;
padding-right: 4px;
border-spacing: 0px;
}