cssで横並びリストの区切り線を描く

cssで横並びリストの区切り線を描く
li {
	display: -moz-inline-box;
	display: inline-block;
*display: inline;
*zoom: 1;
}
ul:before, li:after {
	content: " | ";
	color: #999;
	font-size: 11px;
}

参考サイト

Cappee Design
CSSだけでリストや横並びの区切り線を実現するパターン4つ
http://cappee.net/coding/css-separator-line