How to split a table cell vertically

I know a similar question on this topic has been asked, but doesn't look like there was a definitive solution. So with that, here's my fiddle:

http://jsfiddle.net/UjA开发者_StackOverflow社区Qf/24/

I want to split the table cell under the "Pick" heading vertically. I'd prefer a solution that doesn't require JS or anything wonky, if possible.

Actually you could have used rowspan=2 HTML property for the other cells, and then you could have you cell splited vertically

http://jsfiddle.net/Ty44J/

http://www.w3schools.com/tags/att_td_rowspan.asp

You can't really split a cell vertically, but if you add another cell after it in each of the table body rows and give the heading row a colspan="2" you can have two different cells under one heading.

http://jsfiddle.net/UjAQf/26/