FireFoxとIEのliタグの違い

ちょっと作業が落ち着いたのでメモも兼ねてカキカキ。

最近よく、コーディングが引っかかるのがli要素のlist-style。

自前の画像をアイコンに使おうとするとだいたい良くないことが起こる。

IEもしくはFireFoxのどちらかに合わせるとどちらかがずれる。例えばFireFoxに合わせるとIEでは文字とかぶっているとか、IEに合わせるとFireFox側ではいなくなるとか。

li要素のpositionの解釈も違うみたいだし・・・。marginとpaddingの相殺とかも関係あるのか？

まあ厳密には突き詰めてはないんですけどね。

ひとまずいろいろ調べたり試したりしてわかった事は、単純に背景画像を使用すること。

たしかに、これなら解釈の違いはほぼないので確実だ。これからこれでやる癖をつけよう。