今回はIE7、firefoxではちゃんと表示されているのにIE8だと表示がずれてしまう問題の解決方法をご紹介いたします。CSSをハックできるのならそれに越した事はないのですが、面倒な方、何でIE8でずれるのか全くわからない方のために非常に簡単な方法をご紹介いたします。弊社のホームページで違いを再現いたしますと

IE8での表示は

若干ですが、右上の検索の虫眼鏡が上にずれていますよね？IE7ですと

のようにちゃんと同じ高さで表示されます。firefoxもIE7と同じように表示されます。
「そんくらいCSSハックしろよ」との声が聞こえてきそうですが、次に出るであろうIE9の事を考えると今回はこの対処法でいいのではないかな？と思います。方法としては物凄く簡単で下のmetaタグをヘッダーに貼り付けるだけです。

<meta http-equiv=”X-UA-Compatible” content=”IE=emulateIE7″ />

意味はソースをIE7として解釈しろ!と言う事だそうです。

記事：清原一馬