だから、私はこのようなものを持っています:
320px ホルダー内にちょうど 76x76px の 4 つのオブジェクト。Chrome では、上記のように問題なく動作します。しかし、Firefox と IE9 では、次のような結果が得られます。
同じサイズで<ul>
サイズを変更した場合にのみ正しく表示されます<li>
何故ですか？画像サイズは実際には 76x76 で、Chrome は正しくレンダリングします。前もって感謝します！
- -編集 - -
そこで、皆さんに jsFiddle を提供しようとしていたところ、単純なコードがすべてのブラウザーで問題なく機能することに気付きました。それで、「問題が見つかるまですべてのコードを削除」した後、私はそれを見つけました！ハハ これは、すべてのサイドバーに適用されたこれらの 2 つのスタイル行を組み合わせたことが原因でした。
letter-spacing: 1.6px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
これらのいずれかを削除すると、正しく機能し、両方の組み合わせが問題になります。それで、設定するだけでfont-family: Arial;（私は知っています、奇妙な解決策ですよね？）、<ul>やりました！
皆さんありがとう。