Missing table cell borders in IE 7

Question

This is a problem in Internet Explorer 7 only (and maybe earlier versions of IE). Here is the problematic page: http://wwwtest.vishay.com/mosfets/mosfet-hirel-dev/index.html

The horizontal line between the two products listed in the first column is not shown (in IE7). It is shown in Firefox and Google Chrome.

I already played with the following:

1. border-collapse:collapse;
2. adding   to the TD

The line does appear when I remove the following (unrelated?:) CSS:

table.list-table th {
    border:1px solid #eee;
    border-right:1px solid #ddd;
    padding:1px;
}

Thanks for any tips!

Answer 1

Try something like this:

table{ 
  border-collapse:collapse;
}

table.list-table th {
    border:1px solid #eee;
    border-right:1px solid #ddd;
    padding:1px;
}