Missing left border in IE 7

Question

For this report, created in HTML and CSS, the left borders disappear in IE 7 and 6. They correctly display in IE 8, Firefox, Chrome, Opera, etc.

I apply a style with three different CSS classes:

.LeftBorder
{
    border-left: 1px solid black;
}
.LeftBorderHeadingShaded
{
    background-color: gray;
    color: black;
    text-align: left;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 1px solid black;
}
.noshadeLeftBorder
{
    background-color: white;
    border-left: 1px solid black;
}

And these classes apply to certain TR and TD tags, but the left border is not displayed on any of them. Some of the lower bounds are missing, but this is not so important.

I took a screenshot showing IE 7, 6 and 8 side by side. I circled the problem area. Here is the full HTML / CSS .

Internet Explorer sucks in CSS http://www.mckeeth.org/test/missing-border.png

Answer 1

EDIT

, " td, tr LeftBorder". , , tr LeftBorder. , td / table... not tr.

, , , tr, td, tr.LeftBorder td