Что делает опция "Отображать сайты интрасети в режиме совместимости"? Почему это по умолчанию в IE?

Question

Что означает опция "Отображать сайты интрасети в режиме совместимости" в IE? Почему это будет по умолчанию?

Я проектирую и разрабатываю с Mac против ПК, поэтому я не особо разбираюсь в проблемах Windows/IE.

Клиент размещает сайт Wordpress, который я разработал, и он работает на сервере Ubuntu, который они установили самостоятельно. Их предыдущий веб-сайт был размещен на их сервере Windows, на котором они запускают все остальное. Вот одна из страниц портфолио: http://grlarchitects.com/liberty-mutual-insurance-group/

Через 2 месяца после того, как мы запустили сайт, они говорят, что формат страниц их портфолио при просмотре через Windows 8.1 и IE 11 показывает миниатюры стеков, довольно встроенные. Когда они отключают этот режим совместимости, формат в порядке.

Мой вопрос: зачем им нужны их рабочие станции для отображения сайтов интрасети в режиме совместимости? Их предыдущий веб-сайт был размещен на сервере Windows.

Они всегда работают в режиме совместимости, по умолчанию на всех своих рабочих станциях. Что изменилось, так это то, что они обновились до IE 11/Win 8.1 в декабре. Разумно ли указывать им отключать режим совместимости на всех их рабочих станциях? Есть ли другие причины, по которым они должны работать в режиме совместимости?

Хотя они говорят, что это только что произошло - я не уверен, что сайт когда-либо тестировался в IE - все мои браузерные тесты работали с Browserstack с IE и все еще работают с этой конфигурацией. И я не знаю, много ли людей используют IE в своем офисе.

Кроме того - когда я воссоздаю эти страницы портфолио на моем тестовом сайте, который размещен через HostGator, они вообще не видят проблему при просмотре в режиме совместимости в IE.

Я должен также сказать, что я исключил конфликт темы Wordpress и плагина. И я могу воссоздать проблему через Firebug/FF на моем Mac, когда я закомментирую display:inline-block в css:

.mg-image-showcase .mg-thumbs ul li {
    display: inline-block !important;
    position: relative !important;
    vertical-align: top !important;
 }

Если я вместо этого использую float:left и добавлю list-style:none; Я могу выровнять это правильно.

.mg-image-showcase .mg-thumbs ul li {
  /*display: inline-block !important;*/
    position: relative !important;
    vertical-align: top !important;
    float:left;
    list-style: none;
 }

Я еще не проверял это с клиентом.

Я хотел бы услышать любые мысли по этому поводу, это было бы так ценно!

Спасибо.