O wiele lepiej

dużo lepiej	Wiesz ile zajmuje ta tabelka? 2.1 KB. 4 rzędy, 2 kolumny, żadnych wypełniaczy z GIF-ów.
tak, jak należy	Wszystkie ramki zrobione za pomocą CSS są jak najbardziej poprawne To jest punkt listy, zrobiony jak należy
Wszystko to to 8 komórek i 4 reguły CSS.	Poważnie. 8 komórek, 4 reguły CSS, to wszystko czego trzeba. Niech żyją listy wypunktowane! Czemu byś nie miał oznaczyć list jako list i kazać CSS-owi zająć się resztą?
Wystarczy po jednej regule dla <table>, <td>, <ul> i <li>.	Robisz to raz i masz. Nie ma to jak porządne listy. Nigdy więcej podróbek!

A oto kod, który pozwolił pozbyć się balastu z tabeli:

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 }