いないいないばぁ〜

IEでよく起こるトラブルとして有名なバグ。


「position:relative」が指定されているボックスの中で、
li要素に背景画像を指定しているにもかかわらず、
背景画像が表示されない。


★解決策
li要素に「zoom:1」を指定する。
zoomプロパティは表示の拡大/縮小率を指定するプロパティであり、
「1」の値を指定しても1倍で表示することになり、他のボックスの表示に影響を与えない。


また、サイドバーなどのようにフロートを指定したボックスの中で
a要素に「display:block」を指定すると、意図したよりも上下の余白が
大きく空いてしまう。
この場合も、「zoom:1」を指定することにより空きが無くなり解決する。