IEのむかつくバグ（list-style-image）
2008/03/21 | その他
IEのむかつくバグに関するメモ。
SEOを考えたHTMLコーディングをすると必然的にリストを使うことが増える。リストは当然ながら<li>だし、メニューにも<li>を使う。しかしIEにはCSSの解釈にバグがある。
<li>タグを指定して、スタイルシートで以下のように指定した場合、
float:left;
list-style-image:url(‘hoge.gif’);
表示してほしいはずのhoge.gifが表示されないことがある（表示されたりされなかったりするのがうざい）。これはfloat属性を指定すると、IEが自動的に「display:block;」も含めて解釈してしまうためらしく、当然この属性が指定されると「絵が出ない」となってしまうわけだ。
これはバグなので基本的にこの使い方ではバグを回避できない。回避する方法として次のように指定する。
background:url(‘hoge.gif’) no-repeat;
padding-left:20px;
余白の指定は適宜調整。
2009/09/19 at 6:16 PM
[…] 詳細は、こちら様サイト⇒IEのむかつくバグ（list-style-image） […]
2010/07/14 at 3:30 PM
助かりました！ありがとうございますｍ（＿ ＿）ｍ
IEとか・・まじパネェ。