ie7 のスペース間隔は ie6/firefox/opera よりも広いことがわかりました。たとえば、植字するときに単純なスペースを使用して区切ることがあります。
| <div class="class1"> <a href="#">テキスト 1</a> <a href="#">テキスト 1</a> <a href="#">テキスト 1</a> <a href="#">テキスト 1</a><a href="#">テキスト 1</a> <a href="#">テキスト 1</a><a href="#">テキスト 1</a> <a href="#">テキスト 1</a> </div> |
スペースで区切る場合、IE7ではスペースの間隔が広いようで、IE7ではスペースが伸びてしまうことが多いようです（具体的な理由は不明）。
解決策は 2 つあります。
1. 植字には li を使用し、スペースを削除します。
2. スペースを直接削除し、a のスタイルを定義します。
| <スタイル> .class1 a{padding-right:5px;} </スタイル> |
2 番目は良い解決策で、コードはより簡潔で効果的です。