Tree-like Connectors in Table

Question

Take a look at my fiddle here:

http://jsfiddle.net/DmcEB/46/

As you can see, it's a little wonky. I want it to look a little more like this:

Any help would be much appreciated.

Answer 1

Just in case it does happen to be this easy:

See: http://jsfiddle.net/DmcEB/49/

Change your selector from this:

.geniusPicks tr>td

to this:

.geniusPicks tr > td:first-child

That will select only the first td in each tr. You're already slicing out the irrelevant tds.