IE6でCSSで背景画像が動いてしまう。

質問

リンク用見出しなどで使う文字を、CSSで背景画像として使っているのですが、IE6で表示した場合、ポジションを設定しているのに場所によって画像が動いてしまいます。
何か解決策はないでしょうか？

例えば

HTML側
<p>
テキストテキストテキストテキスト<a href="#">テキスト</a>テキスト
テキストテキストテキストテキストテキストテキスト
<a href="#">テキスト</a>テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト<a href="#">テキスト</a>
</p>
<ul>
<li><a href="#">テキスト</a></li>
<li><a href="#">テキスト</a></li>
<li><a href="#">テキスト</a></li>
<li><a href="#">テキスト</a></li>
<ul>
CSS側

a {
background: url('images/ooo.gif') no-repeat top left;
padding: 15px;
}

このように、パディングの部分だけ画像を表示したいのですが、上記のHTMLのリストのように縦列はきれいに並ぶのですが、pの中に入れてあるリンクのように縦列がばらばらの場合、背景画像が動いてしまいます。
大体のブラウザではきれいに並んでいるのですが、IE6だけはどうしてもうごいてしまいます、何か解決策はないでしょうか？

回答No.1

metametamu · ベストアンサー

display:inline-block;を指定してみるとかどうでしょう

お礼

このやり方でできました！！a要素の所にdisuplay: inline-blockをいれただけで、IE全バージョンで奇麗に表示されました。ありがとうございます！！