IE6で少し困ったことがあったのでここに書いておきます。
何かというと、こんな感じでリストを組んでいて、
<ul>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
</ul>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
<li><span><a hrer="#">メニュー</a></span></li>
</ul>
ul li span {
display:block;
}
display:block;
}
IE6でリストの間に改行が入ってしまうというもの。
liとspanに背景画像を指定して画像の枠を作成したかったんですが、改行が入るためデザイン通りにコーディングが出来ない…
リストの中にあるインライン要素をブロック要素にすると発生するらしいです…解決法としては、zoom:1;を加えると直ります。あーIE6対策めんどくさい!