Выравнивание текста в IE и Chrome одинаково

Question

<style type="text/css">

h2{

font-size:13px;
line-height:16px;
color:#000000;
margin:0;
padding:6px 22px;
font-family: 'Times New Roman';
}

div{
border:1px solid black;
}

</style>

<div>
<h2>
様々なツールを使</h2>
</div>

Вставка вышеуказанных кодов здесь: http://htmledit.squarefree.com/ Вы увидите, что текст в div в IE немного выше, чем в Chrome, я бы хотел сделать их согласованными.

При добавлении   после текста в <h2> в IE текст будет автоматически перемещаться вверх, что соответствует Chrome. Но мне не очень нравится этот взлом, поэтому я хотел бы знать, знает ли кто-нибудь, что это за проблема, и рекомендует лучший способ ее исправить, если это возможно.

Большое спасибо всем вам.

Примечание: эта проблема не появляется, если текст только на английском языке.

Answer 1

Я проверил с Chrome, IE7 и IE8, и все они выглядят одинаково (я даже убрал поле для тела, просто чтобы быть уверенным, и изменил между различными Windows).

Какие версии IE & Chrome вы используете? Вы уверены, что оба браузера используют один и тот же шрифт для отображения текста? (По некоторым причинам у них может быть другой шрифт по умолчанию для азиатских символов, который будет использоваться, если ваш шрифт Times New Roman не содержит этих символов).

Способ сглаживания шрифтов, настроенный в ОС, также может влиять на поток и расположение текста (по крайней мере в XP IE всегда использует ClearType, независимо от того, что вы настроили в Windows).

Answer 2

Какую версию IE вы используете? Для меня в IE8 это выглядит очень похоже.