css html ie7（ul和li标记）菜单问题

我在一些代码和ie7浏览器上遇到了问题，它是一个垂直的类别菜单，带有ul标签和css属性。safari、ie8、firefox 3.5和3.6都可以正常工作，但ie7的左边距很大。这是服务器生成的代码：

    <div id="menu">  
    <ul><li><a class="level1" href="catalog.html?category=21">PRODUCTOS</a></li>  
<li><a class="level1" href="catalog.html?category=21">Daniela Kosan</a></li>  
<li><a class="level2" href="catalog.html?category=21">Lo Nuevo</a></li>  
<li><a class="level2" href="catalog.html?category=22">Fragancias</a></li>  
<li><a class="level2" href="catalog.html?category=23">Rostro</a></li>  
<li><a class="level2" href="catalog.html?category=24">Accesorios</a></li></ul>
    </div>

这是一个糟糕的渲染，请注意除了类别菜单之外还有一个很大的左边距

这就是它在其他浏览器上的呈现方式。。。好的谢谢你们！

---

尝试在

ul

上设置边距和填充。不同的浏览器会自动将其设置为不同的内容。我建议以后使用a

#menu ul {
    margin-left: 0px;
    padding-left: 0px;
    }

---

试试上面的，让我知道它是否有效。我没有IE，所以无法测试。我会一次测试一个边距和填充，看看是否只有一个是罪魁祸首。

为什么只重置

边距顶部

？为什么不

*{margin:0；padding:0；}

？我需要为整个容器的left添加一个padding，以便它与设计匹配。我在标签上添加了下面的答案，效果很好，非常感谢！确实有效，但是我通过在*{margin top:0；padding:0；margin left:0px；}中添加标记来实现

#menu ul {
    margin-left: 0px;
    padding-left: 0px;
    }