Question

css li黑点与边框问题

我写的css 总是在li里设置边框：
#list {
clear: none;
float: left;
width: 600px;
padding-left: 70px;
padding-top: 30px;
height: 600px;
}
#list ul{
list-style-type: disc;
width: 80%;
}
#list ul li{
font-size: 12px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;
line-height: 40px;
}

<div id="list">
<ul>
<li>成品油楞厅洒这是不</li>
<li>成品油楞厅洒这是不成品油楞</li>
<li>成品油楞厅洒这是不</li>
<li>成品油楞厅洒这是不成品油楞厅洒</li>
</ul>
</div>

我这样写出来，li前面的黑点，总是在下面的边框前面，黑点下面没有底边。不知道有什么办法可以解决一下。我知道可以用<img>+span的方法，用img代替黑点，不过我不希望那样子，调用代码不方便。

希望高手们帮忙解决一下。还有，我这么写出来的，为什么在ie7里总是不显示li的黑点呢。。。ie6里面就有显示list-style-type: disc这个属性。。IE7里是空的。。。

Answer 1

#list ul{
list-style:inside discs;
width: 80%;
}