リストの余白の正体

最近の標準ブラウザではリスト要素のパディングはul要素に40pxデフォルトで設定されている場合が多いようです。IE７以前はliのマージンで設定されています。

• aaaaa

ul[id]{
	background-color: #FFC;
	padding-left: 40px;
}
li {
	background-color: #FCF;
}

<ul id="aa">
	<li>aaaaa</li>
</ul>
<ul>
	<li>aaaaa</li>
</ul>