为什么对li写宽度和高度无效

复制内容到剪贴板

代码:

<div id="nav">
<ul class="link">
<li><a href="">蓝色理想</a></li>
<li><a href="">蓝色理想</a></li>
</ul>
</div>

复制内容到剪贴板

代码:

#nav {
margin-left:18%;
}
#nav ul {
width:320px;
margin:0;
padding:0;
float:left;
}
#nav ul li{
list-style:none;
background:url(images/nav.jpg) no-repeat 0 0;
height:40px;
padding-top:5px;
padding-left:15px;
}
#nav li a {
text-decoration:none;
color:#FFFFFF;
}