hoverの場合、画像の明るさを調整したいので、いつものようにcssを書きました。
　　　

今回はIE8、FF、Safariを対応しないといけないので、

それぞれのブラウザを対応するcssを追加して、確認したところIE8ではうまくいかなかった。

対策方法を検索した結果を

を追加したら、早速うまくいったので、
安心して、本番にアップしたら、本番環境ではうまくいっていない！

cssのパスが違っているか何度も確認しても、テスト環境との違いが見つからない！

それで、cssを変えようとして、また検索したところ、
場合によって、「a」タグの幅と「display: block;」を指定しないといけないみたいです。

試してみたら本番環境もうまくいくようになりました。

cssも同じブラウザでも環境によって、動作がちがうって初めての体験でした。