CSS：Safari/Firefoxでテキストの色が少しずれている

Question

クライアント用に構築しているウェブサイトに奇妙な問題があります。私はテーブルの一部として、リスト内のいくつかのリンクを持っている、と私のCSSで私は、次の持っている：マウスがそれの上に置いたときにオレンジ色へのリンクを変更し

a:hover { text-decoration: none; color: #DB6633; }

。これは、Firefox、Safari、Chromeなど（そして私のWindows PCも同じものを使用している）を使っている私の3台のMacでうまく動作します。あなたが見ることができるように、など

：

と、この：私のクライアントブラウザ（OS X 10.6.4のSafari &のFirefox）で見たとき、しかし、彼らはこれを見ますオレンジはテキストと正しく整列していません。私はこれを以前見たことがない、私は私の最後にそれを再現することはできません。私はまた若干のイメージがあるという問題も抱えていますが、それが関連しているかどうかはわかりません。

クライアントはSafari & Firefoxの最新バージョンを実行しています。彼らはOS X 10.6.4を走らせているが、私はそれを私のラップトップの一つに持っており、それはサイトをうまく表示する。

誰もがこれを以前見たことがありますか？もしそうなら、どうすればこの問題を解決できますか？

** EDIT **

OKいくつかの詳細：それはSafariでよりFirefoxで少ない起こります。私はそれを再現するために最小限のコード量まで試してみるつもりです。

Firefox & Safari - 異なるレンダリングエンジンを使用しています。それはシステムに関連していますか？アクセス可能性の設定はおそらく？

Answer 1

問題は、正確なグリフの境界を計算するために否定するブラウザによって引き起こされるこの問題を解決するには、あなたのCSSにテキストの一行を追加することです

（パフォーマンスのために完了します。）：

この行は、それを必要とするdivのCSSに追加することができます。このようにして、余分な処理はページの残りの部分に対して行われません。