Question

I need a way to add a non-overlapping / no-double borders in the table (this needs to be a general class using selectors etc):

http://jsfiddle.net/MadLittleMods/X3VMJ/

I need border-collapse: separate; because I use border radius on the title stuff (not in example).

td:first-child almost works but it adds extra borders in the “bottom info” td (see example)

Adding td:only-child along with td:not([colspan]):first-child is the best lead I have so far but that still messes up with the “bottom info” td since it only has one thing in it.

I currently am using td:not([colspan]):first-child which works great except for the rows with a single cell that are stretched across the whole table with colspan..

Answer 1

Why not put the top and left borders on the table element and leave those out for cells? Like: http://jsfiddle.net/X3VMJ/6/