レンダリングされたフォントが他のborwsers

Question

よりも大きい

IE7幅でレンダリングフォントが他のborwsersよりも大きい（トップ画像部分は、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

ワードスペース（これはCSS属性でもあります）に関係するようです。おそらく最も単純なのは、スペースの代わりに を使用することです。

（フォントのアンチエイリアスやヒントにも違いがあるようです。） 申し訳ありませんが、フォントのレンダリングでは若干の違いが生じると思います。

Answer 2

リンクのパディングを0に設定し、スペースを に変更するか、パディングを使用せずにスペースをまったく使用しないことをお勧めします。

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