変なアイコン出現

Question

お世話になっております。
弊社のメイクショップで作っている公式通販サイト
トップページに
変なアイコンが出現してしまいました。

消すにはどのようにすればよいでしょうか。
添付ファイルの通り、左にメールのようなアイコンなどが
入り込んでしまっています。

トップページ
http://www.morinoen.com/

ちなみに、グーグルクロームで見ると正常に見えるのですが、
インターネットエクスプローラーで見ると添付ファイルの通りに
なってしまいます。

どのようにすれば直りますでしょうか。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

CSSスプライトが正常に適用されていないことが原因なのですが、
ブラウザによっては正常に表示されている状態ですので、
IEの互換表示がオンになったことが原因で表示が崩れた可能性があります。

http://ms-manual.makeshop.jp/edit_head/
上記URLにて説明されている「共通headタグ管理」にて、



上記HTMLタグを挿入していただき、
ご利用中のInternetExplorerにて動作をご確認いただけますでしょうか。

CSSスプライトとは、
複数の画像を１枚にまとめ、切り取って表示させることで
ブラウザの通信回数を減らし、ページの表示を高速化させる仕組みです。
詳しくは、下記URLの説明をご参照ください。
http://parashuto.com/rriver/development/css-sprite

Answer

田中様
ご回答ありがとうございます。

CSSスプライトの件理解いたしました。

ですが、本日再度問題のページをIEで見てみると、
なぜか正常に表示されていました。。

なので、今回は教えて頂いたタグは挿入しておりません。
また、問題が起きた際、試してみたいと思います。

ありがとうございました。