Проблема с тем, как мой сайт выглядит в режиме совместимости с IE8

Question

Я постараюсь сделать это максимально простым. Я сейчас работаю над сайтом, который вы можете увидеть по адресу http://wordpress.myecsinc.com. Имейте в виду, что это сайт TEST, и это не сделано, потому что, как говорится, здесь много ошибок, но я планирую все это исправить.

Как бы то ни было, когда я просматриваю сайт в режиме совместимости с IE8, два изображения внизу снизутся (так сказать). Когда я выхожу из представления совместимости, он выглядит так, как должен. У кого-нибудь есть идеи, что может вызвать это и как я могу это исправить?

Я попытался приложить скриншот, но это не позволит мне, так как я новичок на этом сайте. Просто откройте сайт в IE8 и переключитесь на представление совместимости, и вы поймете, что я имею в виду.

Спасибо заранее!

Answer 1

Левое изображение имеет следующий класс CSS, который вызывает вопрос:

.index-nav-img { 
    position: absolute; 
    z-index: 0; 
} 

Если класс будет удален, то выравнивание фиксируется. Есть ли какая-то причина для этого класса быть на первом изображении, а не на других?

Примечание. Я проверил это в firefox.

Answer 2

Используйте соответствующие метатеги, чтобы заставить IE выйти из режима совместимости и не беспокоиться об этой проблеме. Соответствующий тег:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />