border around tr not totally filled
Hello all,
I'm developing a search feature to the following website:
As you can see, the table has a mouseover effect that paints the current hovered row's border.
Because I couldn't find any way of drawing a border around the tr only, I had to set all <td> borders white and after that set the top and bottom borders of all <td>'s pink. The first td is set to left border pink and the last one of the row receives right border pink.
The problem is the border is no continuous, as you can see in the attached image. And that's pissing off my client.
Do you have a solution?
I've used padding: 0; border collapse.. I don't know what else to do.
Thanks!