That’s much better

much better	Guess how much markup there is in this little table? 2.1k. There are 4 rows and 2 columns in this thing. And no spacer GIFs.
just right	And all of these dotted borders are done with CSS and are perfectly valid. This is a list item now Just the way it’s supposed to be
This is all done with 8 table cells and 4 CSS rules.	Seriously. 8 cells and 4 CSS rules, that’s all it takes. Hooray for bulleted lists Why not just mark up your bulleted lists as bulleted lists and let CSS do the rest?
You need a rule for <table>, one for <td>, one for <ul> and one for <li>.	That’s it. Once you have those you're golden. I just love bulleted lists Excellent! no more fake bullets

And here’s the CSS Code used to get rid of the bunk markup:

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 }