Проблема рендеринга текста с <p>и <h2> в IE8 и IE9

Question

Я создаю веб-сайт, но, похоже, существует проблема с отображением текста в <p> и текста в <h2>.

У меня есть три столбца в нижнем колонтитуле, но отображается центральный столбецего текст <p> через текст <h2>.Проблема появляется только в IE8 и IE9.Все версии IE до IE8 + Firefox отображаются нормально.

Я уже пробовал position: relative, поля и отступы установлены на 0px, но ничего не работает.Я использую doctype.

Ниже изображения, чтобы показать, что происходит:

Ссылка на полный код на скрипке: http://jsfiddle.net/GWRfH/

Answer 1

Я надеюсь, что IE9 / any можно отобразить как IE8, используя

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

в заголовке html

Answer 2

В этом случае проблему можно решить, если присмотреться к неправильному способу кодирования ссылок <a>.В сценарии было забыто (много раз) заканчивать тег <a> на </a>.Этот скрипт использует <a> для завершения кодирования ссылки.