title: Why Is a:hover slower than td:hover?
body: <p>I re-developed a page of ours, and I noticed it was using hovers against <code>&lt;td&gt;</code> elements, despite the click event being for the <code>&lt;a&gt;</code> tag.  So I changed it to hover against the <code>&lt;a&gt;</code> 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 <code>&lt;a&gt;</code> tag in a large set of data would be slower than hovering the <code>&lt;td&gt;</code>?</p>
  
  <p>Cheers</p>
  
  <p><strong>EDIT</strong> This is for changing the background colour.  The <code>td</code> element has the padding removed, the <code>a</code> tag has <code>padding:2px 4px</code> or something along those lines, then <code>a:hover { background-color:#ccc; }</code> is set.  This performs much slower than <code>td:hover { background-color:#ccc; }</code></p>