こんにちは。先日、こちらでcssでテーブルレイアウトを作る方法に関してご相談させて頂きまして、有り難い事に解決に繋がる回答を頂く事が出来ました！

ただ、自分のミスで質問した際には気付かなかったことがあり、結果的に得たい結果がまた変わってしまいました。そして、その得たい結果を実現する方法がまたしてもわかりません。

求めている結果としては以下のようにテーブルの区切り線のみをcssで表示させたいです。

　 |
---------
　 |
---------
　 |

どのようにすれば、テーブルの区切り線だけをCSSでくめますでしょうか？

■ CodePen上のデータ
ttp://codepen.io/anon/pen/waDqj

上記のコードは先日、頂いたコードをベースにいじったものとなります。

■ 上記コードのネタ元
ttp://w3q.jp/t/6701#comment-35555

■ 制約条件
* IE8に対応させるため、:nth-childは使えない。
* DBから動的にデータを取得するため、セルの数（liタグの数）は変動する。