html - 2行のCSSテーブルセル

Question

テーブル css が生成した 2 つの行を置くことは可能ですか?

ここで簡単な例を見ることができます: http://jsfiddle.net/EHdLt/2/

HTML:

<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
    <li>Fifth</li>
    <li>Sixth</li>
</ul>

CSS:

ul {
    display: table;
    width: 100%;
    padding: 0;
}
li {
    display: table-cell;
    background-color: #444;
    color: #FFF;
    padding: 5px 10px;
    text-align: center;
}

別のリスト（「ul」）を実行せずに、「4番目」、「5番目」、「6番目」を2行目（新しい行）に配置したいと思います