为什么不显示list-style-image?
<!DOCTYPE html> <html> <head> <link href="css/main.css" rel="stylesheet" type="text/css" /> <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script> <meta charset="UTF-8"> <title></title> </head> <body> <div class="top"> <div class="top_content"> <ul> <li><a href="#" onclick="SetHome(window.location)">设为首页</a></li> <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li> <li><a href="#" >联系我们</a></li> </ul> </div> </div> </body> </html>
*{margin: 0;padding: 0;font-size: 12px;}
body{background-color: #F5F5F5;}
.top{width: 100%;height: 27px;background: url(../images/top_bg.jpg) repeat-x;}
.top_content{width: 1000px;margin: 0 auto;position: relative;}
.top_content ul{position: absolute;right: 10px;line-height: 27px;}
.top_content li{list-style-image: url(../images/li_bg.gif);display: inline-block;width: 70px;}
.top_content a:link,.top_content a:visited{color:#868686;text-decoration: none;}
.top_content a:hover,.top_content a:active{color:#900}http://www.imooc.com/video/2469
