I have some HTML that gets rendered and I'm experiencing an issue with Chrome where the border for a <td> is bleeding across the rest of the row. However, only the top border is bleeding.

I've been able to re-create the issue here.

2012-04-04 00:15
by Babak Naffas

It's the border-collapse css clause that's causing this. Do this to fix it:

table
{
    border-collapse: separate;
}

Example

http://jsfiddle.net/DigitalBiscuits/ydVDv/4/

2012-04-04 00:24
by OAC Designs

Thanks. You just saved me from a headache - Babak Naffas 2012-04-04 00:53

Chrome border-top bleeds across row

Example