html - row stays highlighted after mouseover -

html - row stays highlighted after mouseover -

i've come across unusual artifact in chrome (works fine in safari):

as can see, rows remain highlighted when scrolling not when scrolling down. i'd row homecoming it's original background color.

here's basic table:

<table> <tbody> <tr> <td id="checkmark" rowspan=2> </td> <td rowspan=2> ordercreate </td> <td> elemica </td> <td> mr. widgets </td> <td> 23 jan 2013 13:04:35 </td> <td> 49384038503940394 </td> </tr> <tr> <td colspan=4> <span>doc id</span> <span>273ashdf2347sdfh</span> </td> </tr> </tbody> </table>

i'm doing little bit of binding knockoutjs , lift (scala) nil crazy (and there no issues anywhere else, or in safari). hmm.

and here's css

tr { height: 38px; border-bottom: 1px solid $bg-color; background: white; &:hover { background: darken(white, 10%); }

any suggestions? might @ way done path bit ... stuck. thanks.

html css