以下のCSSを追加し、

ul.slide li {
background-image: url(http://asazuki.net/design/wp-content/uploads/2011/06/triangle01.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 15px;
list-style: none;
}
ul.slide li:hover {
background-position: 5px center;
}

記事に以下の記述をすると、

<ul class="slide">
	<li>箇条書き</li>
	<li>箇条書き</li>
	<li>箇条書き</li>
</ul>

箇条書きの記号がなめらかにスライドします。

demo