私はしばらくこの問題を抱えていましたが、まだ解決策を見つけていません。サイトは次の場所にあります。
...そして、私が問題を抱えている要素はコメントアウトされています。面白いことに、私が取り組んでいる他のページには、まったく同じ配置ルールが適用されている要素がありますが、それらは問題なく表示されます。私が問題を抱えているのは 3 つのナビゲーション アイテムだけです。アドバイスやご意見をいただければ幸いです。
編集: また、Safari とモバイル ブラウザーで発生する問題は、3 つのアイコンが水平方向に間隔をあけずに重なり合うことです。左マージンを大きく指定すると、位置を変更できます。ただし、これらは Firefox と Chrome では正しく表示されます。後者の変更を行うと、要素が FF と Chrome のページからはみ出してしまいます。