css - クロスブラウザーの CSS の問題に関するポインターが必要です

Question

このウェブサイトのヘッダーに問題があります: http://jenn.anniezs.com/enzo_demo/

Firefox では問題なく動作しますが、Chrome と Safari では大惨事です。残念ながら、私はこれらのブラウザについてよく知りません。まだ学習中です。

ポジショニングやフロートと関係があるのではないかと思いますが、特定できません。

何か案が？

前もって感謝します。

Answer 1

float: center存在しません。これを取り除くと、最後のメニュー項目が残りの下に落ちる原因となるスペースの問題だけがあります.

#primary-menu ul li.button {
...
float: center;/*No, use float:left or take this out entirely*/
...
}