Así es mucho mejor

mucho mejor	Adivina ¿cuánto pesa el marcado de esta pequeña tabla? 2,1k. Cuenta con 4 filas y 2 columnas. Y ningún espaciador GIF.
Justo lo necesario	Y todos los márgenes con puntos están hechos con CSS y son perfectamente válidos. Ahora éste es un ítem de lista Tal como debería ser
Todo está hecho con 8 celdas de tablas y 4 reglas de CSS.	De verdad, todo lo que se necesita son 8 celdas y 4 reglas de CSS. ¡Vivan las listas no numeradas! ¿Por qué no marcas simplemente tus listas no numeradas como tales y dejas que CSS haga el resto?
Necesitas una regla para <table>, otra para <td>, otra para <ul> y otra para <li>.	Eso es todo. Una vez que las tienes, lo has logrado. Me encantan las listas no numeradas ¡Excelente! Basta de puntos de listas falsos

Y éste es el Código CSS que debes utilizar para deshacerte del marcado inválido:

table { border-bottom: 1px dotted fuchsia; border-left: 1px dotted fuchsia }

td { padding: 11px 20px 20px 11px; border-top: 1px dotted fuchsia; border-right: 1px dotted fuchsia }

ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em }

li { margin-bottom: 10px }