CSS style for mouse hover on rows.

I'm having a weird thing happening. I'm placing the following code:
[code]

$("#nhlplayers tbody tr").live("mouseover", function () {
$(this).children().addClass("highlighted");
});

$("#nhlplayers tbody tr").live("mouseout", function () {
$(this).children().removeClass("highlighted");
});


[/code}

Upon running the sample, when I hover the mouse over the rows, the bottom (the footer) starts dropping away for each row I pass the mouse pointer over. :-) Has anyone done this?