新人求助 自己做了个导航栏死活不扩展。。。求改下代码

CSS：
ul{ list-style:none;}
a{color:#333;text-decoration:none}
li{ float:left;}
.nav li a{ display:block; text-indent:10px; height:30px; line-height:30px; background-color:#efefef; margin-bottom:1px;text-align:center;}
.nav li a:hover{ background-color:#F60; color:#fff}
HTML：
<div id="menu">
<ul class="nav">
<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>
</div>

来大神啊！不要沉