IE ошибка с CSS?

Question

Я не могу понять, почему макет 2 страниц моего сайта нарушен в IE 7/8, когда остальная часть сайта работает нормально.Все это разбито на шаблоны из CMS, поэтому на всех страницах используется один и тот же NAV и т.д.В IE7 / IE8

http://test.clothesaid.co.uk/media_centre

http://test.clothesaid.co.uk/jobs

HTML-код допустим, кроме

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

всегда задыхается от этого.CSS действителен, кроме некоторых значений CSS3.Нет ошибок JS в консоли FireBug.

У меня закончились идеи, любая помощь была бы удивительной

Answer 1

Обе страницы отображаются в режиме Quirk по умолчанию в IE.Если вы посмотрите на исходный код двух страниц, первая строка будет

<!-- jobs/index -->

Если вы удалите это, страница снова будет отображаться в стандартном режиме.

Answer 2

Проверьте это из другого ответа: Используя "margin: 0 auto;"в Internet Explorer 8

Начиная со второго вопроса: «margin: 0 auto» центрирует блок, но только в том случае, если ширина блока меньше ширины родительского элемента.Обычно они становятся одинаковыми.Вот почему текст в приведенном ниже примере не центрируется.

Когда вы добавляете ширину элемента, границы и отступы, это должно нарушить это ограничение.Обратите внимание, что это ограничение строго меньше чем.

906 - width
 40 - padding-left
 40 - padding-right
  2 - border-left
  2 - border-right
---
990

Тем не менее, я понятия не имею, почему это НЕ влияет на "рабочую" страницу ...