css - FirefoxとChromeのCSSの整列の問題

Question

（添付のjsfiddle、スクリーンショット、Ubuntu 11.10でのブラウザーの実行を参照）

divを他のdivに入れようとすると、ある種の整列の問題があるようです。正確に説明する方法がわからないので、下のスクリーンショットを参照してください。また、私のjsfiddleもチェックしてください。

スクリーンショット（左はFirefox、右はクロム）：

jsfiddle： http: //jsfiddle.net/kWLbS/1/

ゴールドの背景のdivをツールバーの内側にうまく収めたいだけです。これですべてです。2つのブラウザ間でこの「1ピクセルずれ」の問題が発生し続ける理由がわかりません。よろしくお願いします！

Answer 1

Firefoxでも動作しますが、 http：//jsfiddle.net/a5vJC/を試してください。

本当の問題はフォントの違いだと思います。見た目は似ていますが、微妙な違いがあります。フォントを手動で設定すると、問題が解決する可能性があると思いますが、それは私が行ったことではありません。