我在dw中做了一个无序列表，结果在浏览器中项目符号跑到文字后面去了，这是什么原因？求高手解答！

Question

在dw中的效果：

在360浏览器中的效果：

我在这一段的代码：
</div>
<div id="tu">
<ul>
<li><a href="#">企业模板网站</a></li>
<li><a href="#">企业模板网站</a></li>
</ul>
</div>

css样式：
#comter #tu {
float: left;
height: 80px;
width: 304px;
position: absolute;
left:340px;
top: 285px;
}
#comter #tu ul {
list-style: url(../index9.gif);

}
#comter #tu ul li{
float: left;
height: 30px;
width: 160px;}
#comter #tu ul li a {
display: block;
float: left;
height: 30px;
width: 160px;
font-size: 20px;
line-height: 30px;
color: #ffffff;
text-decoration: none;
font-family: "微软雅黑";
font-weight: bold;
}

Answer 1

你可以试一试，把列表前的符号当做背景图来做，比如：
#tu {float: left;height: 80px;width: 304px;position: absolute;left:340px;top: 285px;}
#tu ul li{float: left;height: 30px;width: 160px; background:url(../index9.gif) no-repeat center left; padding-left:20px;}
#tu ul li a {display: block;float: left;height: 30px;width: 160px;font-size: 20px;line-height: 30px;color: #000;text-decoration: none;font-family: "微软雅黑";font-weight: bold;}