<li>填充左边即7

Question

我在IE 7中有一个列表元素缩进的非常问题.填充左边似乎没有任何影响.我的HTML在这里http://pastebin.com/0TXXN3AZ.(列表元素应该是左侧的简单导航.)css是

ul.navigation{
   width: 230px;
   padding-left:2px;
   display: block;
   float: left;
}

ul.navigation li{
   padding-left:2px;
   list-style: none;
}

ul.navigation li a{
   padding-left: 2px;
   display:inline-block;
}

ul.navigation li ul{
   padding-left:2px;
   list-style: none;
}

#content{
   margin-left: 260px;
   padding-right: 50px;
   font-size: 0.9em;
} 

在其他浏览器中,一切看起来都符 在IE 7中,打算将列表项扩展到内容区域.有任何想法吗？

提前致谢,

安德烈亚斯

Answer 1

我建议您首先使用YUI重置CSS,为所有浏览器中的所有HTML元素规范化样式,然后根据需要安全地自定义元素.

如果你不能使用YUI重置CSS,问题可能是IE 7使用边距而不是填充ul/li元素.

所以在自定义之前添加:

ul, li {
 margin: 0;
 padding: 0;
}

然后根据需要自定义ul/li元素.