WinIE6で最初のリストの子要素の背景画像が消える

CSS

リスト要素でメニューを作る時、

  • 背景に画像を使用
  • リスト間の位置を調整する
  • レイアウトにpositionを使う

こんな場合、以下のような感じのソースにするのですが、
これだとWinIE6で最初のリストの子要素の背景画像が消えてしまいます。

最初のリストの子要素の背景画像が消えてしまうサンプル

CSS
ul{
	position:relative;
	width:135px;
	}
li{
	display:inline;
	}
a{
	display:block;
	background:url("bg.gif") no-repeat;
	}
HTML
<ul>
<li><a>テスト</a></li>
<li><a>テスト</a></li>
<li><a>テスト</a></li>
</ul>
キャプチャ
WinXP Pro SP2 + InternetExplorer6.0（互換モード）

対策

  • http://cssbug.at.infoseek.co.jp/detail/winie/b028.html
    このバグの回避法の「リスト要素の前後に何らかの文字を置く。コメントでもよい。」と同じ方法で回避できます。
  • ulのpositionもしくはwidthを削除しても回避できます。（対策、というか妥協案。。。）