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 }