给div设置了宽度，可是没效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#nav{
background-color:#eee;
width：600px;
height:40px;
margin: 0 auto;
}
ul li{
list-style: none;
float: left;
line-height: 40px;
text-align: center;
}
a{
text-decoration: none;
color: black;
display: block;
padding: 0 10px;/*不要设置为固定宽度*/
}
a:hover{
color: #FFF;
background-color: #666;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#nav">首页</a></li>
<li><a href="#nav">课程大厅</a></li>
<li><a href="#nav">学习中心</a></li>
<li><a href="#nav">经典案例</a></li>
<li><a href="#nav">关于我们</a></li>
</ul>
</div>
</body>
</html>
我明明给div设置了宽度，检查了很久，跟老师的一样的，但是我在三个不同的浏览器下，都还是设置了宽度没有用
