Question

I know that IE doesn’t apply css style to table rows, so I had to do a workaround where I added style to each cell instead. Now my problem is that in Firefox/Chrome, the outer border shows perfectly; but in IE it has gaps from the bottom border of the cell. This is what the difference looks like https://i.stack.imgur.com/9rg8S.jpg I cannot change the contents of the linked stylesheet and I cannot figure out what they are trying to say here CSS Table cell border overlapping table border

Linked Stylesheet (style.css) contents:

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 Page: http://pastebin.com/2mZYDx1n

Answer 1

Try adding a border onto your table:

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