こんにちは、Qurumiスタッフです。


サイドメニューなどで時々使うことがある、liの入れ子についてです。
liを入れ子にすると、IE6上部に余白がついてしまう問題がありました。
以下の方法で解決することができました。


html

1
2
3
4
5
6
7

<ul id"side-menu">
<li>親要素
<ul>
<li>小要素</li>
<li>小要素</li>
</ul></li>
</ul>

1
2
3

ul#side-menu li {
 width:100%;
}