I need some input on what would be the 'best' way to pull this off. I want to have the look of a table but then each row be a link (clickable). This, as far as I know, is impossible or not easy to do with standard HTML tables. So I go creative with CSS and came up with a solution. Please tell me what you think and any down sides of using this type os layout? It actually works the way I want it to, but wasn't sure if there was something better or the old just because I can, doesn't mean I should?

jsfiddle link