IE8

えーと、いままで作ってきたサイトがもしかしたら、IE8だと崩れて表示されてしまうかもしれません・・。このサイトも少し崩れていました・・。

原因なのは、CSSでafter疑似要素を使っている部分があったのですが、CSS3での疑似要素は「::after」と、前にコロンを二つ前につけるという決まりがあるらしく、これに従い今まではつくっていたのですが、IE8では、この使用に対応していないらしいのです、なので、コロンをひとつにすれば、ＯＫです。

test::after {

}

test:after {

}

このように直せば、くずれは解消されるはずです。

ほかにも、レンダリングのモードを変える方法があるみたいです。IE7用のレンダリングに変更することで、直すということも可能みたいです。（metaに特別な記述を書く必要があるみたいですが・・。）詳しくは下のリンク先でまとめられております！

SummerWind - IE8のレンダリングモードに関するまとめ