визуализированный шрифт в IE7 больше, чем в других браузерах

Question

Размер шрифта в IE7 больше, чем в других браузерах (верхняя часть изображения - IE9, нижняя часть - Firefox):

HTML:

            <div id="header_tools">
                <a href="#">Support</a> | <a href="#">FAQs</a> | <a href="#">Sitemap</a> | <a href="#">Help</a>
            </div>

и CSS

    div#header_tools {
        font-size: 14px;
        font-weight:  normal;
        color: #918e8e;
        float: left;
    }

    div#header_tools {
        position: relative;
        top: 7px;
        left: 680px;
    }

    div#header_tools  a {
        font-size: 14px;
        color: #918e8e;
    }

Кто-нибудь знает, почему это происходит и как это исправить?

Answer 1

Я бы предложил установить для отступа ссылки значение 0 и изменить пробелы на   или вообще не использовать пробелы вместо заполнения.

div#header_tools  a {
        font-size: 14px;
        color: #918e8e;
         padding:0;
    }

Answer 2

Кажется, что это касается расстояния между словами (это тоже атрибут CSS). Самым простым, вероятно, является использование   вместо пробелов.

(Похоже, что есть разница в сглаживании шрифтов / хинтинге). Извините, я думаю, что рендеринг шрифтов вызывает небольшую разницу.