Как поправить отображение h1 заголовка 20pt в IE в позиции "top"? - Вопросы по CSS

Добрый день! Решил перейти со статического сайта на динамику. Установил Joomla. Работалось отлично, пока добрые люди не показали, как отображается заголовок в браузере IE. Подскажите что необходимо поменять в CSS или шаблоне HTML, чтобы отображалось нормально.

Прикрепил скриншоты:

FireFox (нормально):
IE (плохо):

То что я заметил на IE: нету полтекста и нету ссылки, как в файрфоксе,
Возможно из-за стиля в ссылке <a href="http://www.telecombook.ru/" style="font-size: 20pt">, попробуй убери стиль в файле шаблона, если все будет норм то стили прописывай для h1
Варинат №1: в CSS шаблона пропиши следующее
#header_r h1{
/*здесь твой CSS, например*/
font-size: 40px;
color: #444444
}
Вариант 2, пропиши в файле index.php шаблона стиль для h1 например <h1 class=my_style>
и в CSS пропиши для этого класса описание:
.my_style {

}

Дальнейшее исследование проблемы показало, если вставить любой div с h1 текстом в любое место HTML шаблона, то вне зависимости куда его вставить, буквы типа "р, у", или подчеркивание будут обрезаны в IE. Я уже молчу о том, что будет если увеличить текст в размерах.

Победил проблему! Чтобы текст снизу не был обрезан необходимо к заголовку <h1> добавить стиль "line-height: 2em;" или в CSS добавить код:

h1 {
  line-height: 2em;
}

чушь какаята, если нормальный CSS все должно нормально работать

Именно так криво работает шаблон rhuk_milkyway по умолчанию, если не поправить h1 в CSS.