IE6 Li标签左边多出16像素(px)宽度的BUG

偶然发现，IE６的Li标签左边会多出16px的宽度，即使把list-style-type设置成none。而在Firefox中却是正常的（IE其它版本没测试，不过应该是和Firefox一样的）。

经验证，其实是IE６的list-style-position属性造成的，默认情况下，Firefox中list-style-position值为outside,即列表项符号会在LI标签的外面显示。而IE６的默认值则相反(inside)。不过这还不是问题关键，IE６完全是属于占着茅坑不拉屎的那种，即使你不显示列表项符号，即把list-style-type设置成none，它依然会保留列表项符号占用的空间。所以无论你给LI的设置margin:0或者padding:0，你都会发现Li左边会多出16PX的空间。

既然知道问题的关键，解决起来就不难了，直接设置

list-style-position:outside;

OK，把项目符号赶到LI的外面去。