css的list-style显示不了？

我为一个列表设置了一个list-style:url(图片地址)

但是，发觉，在float没有设置为left的情况下，则显示正常。

而我设置了float为left了。结果显示不了？请问是怎么回事？代码如下：

<style type="text/css">
<!--
body{
text-align:center;}
div.index{
width:900px;
height:700px;
background:#CCFFCC;
font-size:16px;
font-weight:900;
}
div.link{
width:800px;
height:100px;
}
div.link ul{
display:block;
list-style-image:url(xx.jpg);

}
div.link ul li{
float:left; //这里如果注释掉就可以显示
}
div.link ul li a{
font-family:"仿宋_GB2312", "楷体_GB2312";
text-decoration:none;
margin:3px;
}
div.link ul li a:hover{
color:#6699FF;
text-decoration:underline;
}
-->
</style>

用代码说话。。。。

div.link ul{
display:block;
list-style:none;
}

div.link ul li{
float:left;
background:url(xx.jpg) no-repeat;
padding-left:20px;
}

楼上的说的有道理，推荐你看一下这篇文章 http://www.chinaz.com/Design/Rules/0QS54I2008.html

，比喻的很形象

你加了float:left以后，相当于li浮动起来了，也就是说不管你UL做了怎么样的定义，都对LI失去意义了，LI已经浮动到了UL的边上，将背景盖住了。如果想对LI横排的话，可以试着用 display:inline 代替float

float：left 列表横排了，，，，在内部显示了，，加上这个试试。。。list-style-position:outside