css - CSSはすべてのWindowsブラウザーで正常に機能しますが、OSX上のFirefoxでは機能しません。

Question

私はいくつかのCSSを持っていて、Windowsで正常に動作しますが、OSXで表示すると正しくありません。

だから、それはそれが見えるべき方法です、素晴らしい：

そしてそれがOSX上のFirefox15がそれを表示する方法です：

CSS：

nav#main ul>li.current {
height: 59px;
}

nav#main ul>li.current:before {
background: url('../img/top_shadow.png') no-repeat;
content: '';
display: block;
height: 7px;
margin: -7px 0 0 0;
}

nav#main ul>li.current:after {
background: url('../img/bottom_shadow.png') no-repeat;
content: '';
display: block;
height: 7px;
margin: 8px 0 0 0;
}

nav#main ul>li.current a {
background-color: #77b9de;
color: #3e3e3e;
height: 53px;
margin: -4px 3px -8px -3px;
padding: 3px 3px 0 10px;
}

なぜこれが起こっているのかについてのアイデアはありますか？<li>また、背景色を代わりに移動しても同じことを行うことも指摘しておく必要があり<a>ます。

http://jsfiddle.net/eHhGa/

コード全体がどのように見えるかを確認するために、そのクイックバージョンをjsfiddleに追加しました。

Answer 1

私はこの問題を解決しました。基本的overflow:hidden;に、ブラウザーの高さが500pxを下回り、Firefoxがそれを厳しくしているときに、コンテナーに影響を及ぼしていました。