Losing :hover Status On Between 's In Chrome

I am trying to achieve a simple table row hover effect by changing the background colour of a row when a users hovers overs over it, that was simple enough: tr:hover { backgrou

Solution 1:

I have no idea why this works, but setting the positioning on the <td> elements seems to fix this in Chrome.

td {
    padding: 2px5px;
    position:relative;
}

jsFiddle example.