为什么我的代码实现不了背景色？

我的代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>导航菜单栏试做0310</title>
	<style>
		*{
			margin:0;
			padding:0;
			font-size:14px;
		} 
		ul{
			list-style:none;
			width: 100px;
		}/*清楚前面的圆点*/
		a{
			text-decoration: none;
			display: block;
			height: 30px;
			line-height: 30px;
			width: 100px
			background-color:#ccc;
			margin-bottom: 1px;
			text-indent:10px;
		}
		a:hover{
			background-color: :#f60;
			color: #fff
		}/*鼠标经过时颜色变化*/
	</style>
</head>
<body>
	<ul>
		<li><a href="#">首　　页</a></li>
		<li><a href="#">新闻快讯</a></li>
		<li><a href="#">产品展示</a></li>
		<li><a href="#">售后服务</a></li>
		<li><a href="#">联系我们</a></li>
	</ul>
</body>
</html>

效果如下：