Can a whole table row be made clickable?

I have a search results page that returns about 8 columns of data (displayed using an html table). Currently, when the user hovers over any part of the row, I highlight it (change the bg color). When the user selects any item in the row, it retrieves that specific item in greater detail. What I would like to have happen, if possible, is instead of having to wrap each data item in each column in an <a> tag, I would like the whole row to be clickable, similar to the way I have made the whole row highlight whenever any part of it is hovered. I was hoping there might be a way to do this in straight CSS, but if not, a CSS / JS combo would be fine as well. Does anyone have any ideas?

BTW, the majority of the users will most likely be using IE, so I know that makes it even more difficult …

Any ideas are greatly appreciated.

Also in #CSS _↴