Dê só um uma olhada embaixo da superfície

Isto poderia ser feito de forma muito mais simples. Adivinhe quanto HTML existe nesta pequena tabela? 13.7KB. Há 17 linhas e 9 colunas nesta coisa. E eu mencionei os GIFs de espaçamento?!?
Há muitas células e GIFs aqui. E todas estas bordas pontilhadas são feitas com um atributo background das TDs, que não validará.
• Uma tabela aninhada? Para quê?
• Para criar uma lista com marcadores? Você está brincando, né?
Isto tudo pode ser feito com 8 células e 4 classes na CSS. Sério. 8 células e 4 classes, é tudo que precisa.
• Ah não, outra tabela disfarçada de lista de marcadores.
• Apenas escreva sua lista de marcadores COMO uma lista deve ser e deixe a CSS fazer o resto.
Você precisa de uma classe para a tag <table>, uma para a <td>, uma para a <ul> e uma para a <li>. É isso aí. Quando tiver isso, você tá feito.
• Isso é melhor que usar mais 8 células para fazer uma falsa lista, que terminará sendo muito menos acessível.
• Excelente! O último falso marcador.

O código que mostra a estrutura da tabela:

table { margin: 3px; padding: 2px; border: solid 2px blue }

td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }