CODEWITHSUNDEEP
htmlcssgoogle-chromeborder
Babak Naffas
Babak Naffas

Reputation: 12561

Chrome <td> border-top bleeds across row

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.

Upvotes: 0

Views: 419

Answers (1)

OACDesigns
OACDesigns

Reputation: 2299

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/

Upvotes: 3

Related Questions