Issue with applying dotted border to cells in table design

Question

Here\'s my fiddle:

http://jsfiddle.net/gFA4p/84/

In this screenshot, the green lines represent where I\'m trying to apply dotted lines.

Answer 1

.geniusPicks table tr.pickConsensusBody td {border:1px solid; background:grey;}

This is your problem. I would think you should assign separate classes to table cells instead of general assignments a la tr>td Maybe there's a way with less hassle though, not sure. But basically that line overrides your dotted style.