[jQuery] Adding 1px border to a TD
Hi, don't know if is a jquery related problem, but can you help me?
I've a table, like this:
<table>
....
<tbody>
<tr class="record">
<td class="new">
Test
</td>
<td class="old">
Test
</td>
</tr>
</tbody>
</table>
Then in my js:
$(".new").hover( function() { $(this).addClass("hover") }, function() { $(this).removeClass("hover") } );
my hover class is
.hover {
border-bottom:1px solid red;
}
I can see in firebug the class in the markup, but the border doesn't appear.
If I add in the markup the class hover I can see appear and disappear the border.
I noticed the problem if my table as the css property border-collapse:collapse.
Thank you.
P.S.
Please can anyone answer to me, I have a big doubt: Can you read me?
Thank you