IE Problem - Table Borders

S.M.B.

So I've just designed a basic listings site as a first effort in working with php/mysql and have a minor problem with displaying my table rows in IE.

The bottom border displays fine in Firefox but doesn't appear in IE. Does anyone have any idea how this could be corrected?

The CSS i'm using is:

table.events tbody.entry tr {
background-color: #ffffff;
border-bottom: 6px solid #F0EEEF;
}

You can check out the site here: http://brian-hughes.com/gigroll/index.php

Any other feedback on the design would also be welcome.

Dades

Something to do with the border-collapse maybe?

S.M.B.

Dades wrote: »

Something to do with the border-collapse maybe?

I've it set to collapse at the moment. I think it's a problem with the way IE deals with this setting but I've no idea how to get around it.

If I try style it without border-collapse then a border appears between the table cells which I don't want.

p

Styling TRs is tough generally, I'm not sure what styles are allowed.

Styling the nested TD generally works out well, so maybe something like this would work.

table.events tbody.entry tr {
  border-bottom: 6px solid #F0EEEF;
}
table.events tbody.entry tr td {
  border-bottom: 6px solid #F0EEEF;
}

(nice site BTW! )

S.M.B.

p wrote: »

Styling TRs is tough generally, I'm not sure what styles are allowed.

Styling the nested TD generally works out well, so maybe something like this would work.

table.events tbody.entry tr {
  border-bottom: 6px solid #F0EEEF;
}
table.events tbody.entry tr td {
  border-bottom: 6px solid #F0EEEF;
}

(nice site BTW! )

I was certain that was the first thing I tried but obviously not. It's working fine on both browsers now. I guess I thought the problem was a lot more complicated than it actually was.

Thanks for the positive feedback on the site. I was expecting a bit more constructive criticism as it's the first time I posted any link to review my site up on the forum.