ウィジェットのリストに任意のマーカーを付ける

ウィジェットのリストの記述はこんなかんじ
＊ウィジェット→最新のブログ記事（＃7-11）

<ul>
</mt:EntriesHeader>
<li><a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a></li>
<mt:EntriesFooter>
</ul>

＊mtタグは関係無いので気にしないでください。

大体のウィジェットで同じ<ul>,<li>リストが使われているのでマーカーを入れるウィジェット毎に<ul>に【id】を指定して管理していきます。

<ul id="new-archives">
</mt:EntriesHeader>
<li><a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a></li>
<mt:EntriesFooter>
</ul>

【id="new-archives"】の<li>にスタイルの定義をかけます。

#new-archives li{
background:url(./common/img/arrow.gif) no-repeat 0 5px;
padding-left: 10px;
}

文字との高さを合わせるために位置を数値指定しました。
（他の方法でうまくいかず強引に。。。）

他に良い方法あったら教えてください。