border for TR is not working in IE6&7

Yeah I just ran into the

Posted: Mon, 2008-07-28 14:35

Yeah I just ran into the same thing.

I needed to tell IE6 and IE7 that the borders were the top and bottom of the TD's! That was the only way, as they also had trouble seeing tbody and thead declarations (I ended up changing those declarations to th and td for IE).

You should not have those classes in your tds, cause they are all the same class inside the same parent.

<tr class="listborder">
  <td>user1</td>
  <td>17.5%</td>
  <td>$50.00</td>
  <td>$50.00</td>
  <td>Winning</td>
  <td>Jun-24-2008 4:22 PM</td>
</tr>

====
tr.listborder td {
font-family:arial;
font-weight:normal;
color:#58595b;
font-size:11px;
text-decoration:none;
height:27px;
padding-left:10px;
}

So, you would have to add a class to the first td and the last td. Like

<tr class="listborder">
  <td class="top">user1</td>
  <td>17.5%</td>
  <td>$50.00</td>
  <td>$50.00</td>
  <td>Winning</td>
  <td class="bottom">Jun-24-2008 4:22 PM</td>
</tr>
====
/*for smarter browsers*/
.listborder
{
border:#8fa965 1px solid;
background-color:#e8ecde;
}
.listborder td.top {
  border-top: 1px solid #8fa965;
}
.listborder td.bottom {
  border-bottom: 1px solid #8fa965;
}

The sides could get done on the earlier declaration (.listborder td { } )