tags:

views:

194

answers:

1

I re-developed a page of ours, and I noticed it was using hovers against <td> elements, despite the click event being for the <a> tag. So I changed it to hover against the <a> tag. When mousing over each element quite fast it takes quite a while to catch up. I don't suppose anyone knows why hovering an <a> tag in a large set of data would be slower than hovering the <td>?

Cheers

EDIT This is for changing the background colour. The td element has the padding removed, the a tag has padding:2px 4px or something along those lines, then a:hover { background-color:#ccc; } is set. This performs much slower than td:hover { background-color:#ccc; }

+2  A: 

Explained pretty well here: http://code.google.com/speed/page-speed/docs/rendering.html

ssergei
+1 That's a great link! Thanks!
Peter Di Cecco