为什么背景颜色橙色显示不出来？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0;
padding:0;
font-size: 14px;
}
ul{
padding-left:30px;
list-style:none;
height:50px;
border-bottom:10px solid #f60;
}
a{
display: block;
text-align: center;
text-decoration: none;
}
li{
margin-top:20px;
float:left;
height:30px;
line-height:30px;
width: 120px;
background-color: #ccc;
margin-bottom: 1px;
text-indent: 10px;
background:url(btnBg.png);
margin-left: 1px;
}
.on,a:hover{
color:#fff;
background-position:0 -30px;
}
</style>
</head>
<body>
<ul>
<li><a href="#">首页</li>
<li><a href="#">新闻快讯</li>
<li><a href="#">售后服务</li>
<li><a href="#">联系我们</li>
</ul>
</body>
</html>
