フォントを変更した余分なスペース

Question

テンプレートをクリーンアップしようとしていますが、余分なピクセルがホバー効果やヘッダー/フッターのオーバーフローを解除する問題があります。

Template link

リンクのいずれかを超えるホバーは、そのピクセルのシフトダウン時にあなたが見ることができるように。 すべてのスタイルシートが賢明全角で、それが応答できるようにするためですです。 フォントサイズを1emにしておくと、すべてうまく動作しますが、そこに持っているように.75emに変更するだけで、少し破損します。

CSS Direct Link

更新：それは「ハック」と考えるが、私は、リンクコンテナの行の高さを変えずにフォントサイズを変更することができるように私は、リンクコンテナのそれぞれの内側スパンのを入れていますかどうかわかりません。それは、行の高さ行の高さを追加または削除細かい

Answer 1

てみてください動作するようです。例えば

：

<div style="line-height:30px;">Div content</div> 

Answer 2

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#header').css('width', $("#header").width()); 
    }); 
</script> 
<li id="header"><a href="#">Header</a><li> 

が常に同じ幅