実際にはこんなふうに書かれています。

<ul class="module-list">
  <MTEntries lastn="10">
    <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
  </MTEntries>
</ul>

<MTEntries lastn="10"> ...... </MTEntries>の部分は最新の10記事に対して順に書き出されるので，li要素が10コのリストができることになります。

カテゴリ，最新の記事，最新のコメント，最新のトラックバック，RSSフィード，...，それぞれリストになりますが，ぼくはそれぞれに異なるclass名をつけています。（ページ内で１度しか使わないならidをふってもよいですね）

<ul class="category-list">
  <li> ...... </li>
  <li> ...... </li>
  ......
</ul>

<ul class="entry-list">
  <li> ...... </li>
  <li> ...... </li>
  ......
</ul>

<ul class="comment-list">
  <li> ...... </li>
  <li> ...... </li>
  ......
</ul>

<ul class="trackback-list">
  <li> ...... </li>
  <li> ...... </li>
</ul>

こうしておくと，リストアイテム（li要素）の頭にそれぞれ異なる記号，または画像をつけることができます。

.module ul li {
  margin-left: 23px;
  text-indent: -6px;
}

ul.entry-list li {
  list-style-image: url(/img/mk-entry.gif);
}

ul.category-list li {
  list-style-image: url(/img/mk-cate.gif);
}

ul.comment-list li {
  list-style-image: url(/img/mk-comm.gif);
}

ul.trakback-list li {
  list-style-image: url(/img/mk-tb.gif);
}

ul.feed-list li {
  list-style-image: url(/img/mk-feed.gif);
}

テキストの位置合わせをして，list-style-imageでリストごとにそれぞれ別の画像を指定します。

list-style（list-style-type，list-style-image）を特に指定しないでいると，通常は

がつきます。この印をつけたくないときは，list-style: none;とします。

ぼくも最近は，ブログではない通常のウェブサイトを作るときも，メニューはul，liでマークアップするようになりました。ちょっとWeb標準に近づいたような気がします（笑）