Why doesn't CSS hover work on table rows when the cells inside the rows have class names?

Question

I am stuck with this problem so any help would be appreciated. I have a table with several rows. Each cell within the row belongs to a certain class. I use these class names to

Answer 1

The CSS instructions within the classname takes precedence over the instructions.

To fix this, use td.summarypage-odd-column:hover, td.summarypage-even-column:hover inside your CSS.

Note: If you're using IE6, the :hover only works on links, i.e. a:hover.