[jQuery] Adding 1px border to a TD

[Giovanni Battista Lenoci]

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