How to style a horizontal list with bullets between items using CSS?

For those of you who don’t have to worry about IE8, this is as simple as:

ul li { list-style: none; display: inline; }
ul li:after { content: " \00b7"; }
ul li:last-child:after { content: none; }