list-style-none + background-image = margin不起作用？

Question

我正在设计一个列表，并且需要精确地设置边距以使其看起来不错。但我使用list-style-none并为每个<li>元素的background-image，似乎使margin财产完全无用吴

好了，没有别的话可说，这里是个例：http://symael.servhome.org/buglist.html

的问题是显而易见的：页面上的每个<ul>的填充和页边空白都是相同的，但在“树”div中存在<li>元素的样式。它似乎激活了一个默认的边际或有点...

任何人都知道如何解决这个问题？目的是让顶部文件夹下方的“+”或“ - ”...是的，就像这样简单：p

Answer 1

这与保证金无关。 li的填充物正在将其子女推向右侧。你应该减少填充：

#tree li { 
    padding-left: 18px; 
} 
#tree li a { 
    padding-left: 20px; 
}