ie
どうもミラノです。
仕事ではたくさんIE使ってます。

backgroundを使って一枚の画像でgnaviを作る。

よくサイトを作っててGlobal naviとか作りますよね。
その時に一枚の画像を背景にしてposition指定して作る事が結構あると思います。
たとえば下記みたいに
gnavi03
この時にulに背景をいれこんでアンカーを:hoverさせて最初作ってたのですが・・・。

gnavi

これで作ったものをhoverしたあとにみるとぼやけてしまいます。
gnavi02_03

これはIEでのみ起こるものでFirefoxやchromeなんかでは起きません。
しかもこれはIE8とかのレベルではありません。
一番新しいものでも起きてしまう悪魔のようなバグなのです。
じゃあどうするか。

ulに背景を指定しない

今回はulに背景を指定していたのが原因でした。
aに背景を指定a:hoverで変わるようにしたら直りました。
gnavi04

このやり方結構Wordpressでサイトを作る際によくやってしまいがちです。注意が必要ですね。
IEには困ったものだ。キャラクターとかいるし。