<ul> のマークを画像にする時、

ul {
  list-style-image: url(bullet.gif);
}

などとやってしまうと、マーク縦位置の調整ができなくなります。そんな時は、<li> の背景画像にして位置を調整するとうまくいきます。

サンプルコード
———————————————————————-

リストのマークを画像にする

<ul> のリストマークを画像にした物。微妙にずれる。

<ul> のリストマークを画像にし、行間を設定した物。結構ずれる。

<li> の背景画像にして、位置を調整した物。ばっちり。

実際の動作サンプル
———————————————————————-

– リストのマークを画像にするサンプル