导航栏菜单的问题？

请问下面的代码，弹出效果怎么显示不出来啊？谢谢！<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title></title>
 <style type="text/css">
.nav
{
   background-color:#99FF33;  
   width:900px;
}
.nav ul{background-color: yellow;}
.nav ul li {float:left;position:relative;display:inline;}
.nav ul li a, .nav ul li a:visited {float:left;display:block;text-decoration:none;width:auto;height:24px;color:#000;border:1px solid red;border-width:0 1px 0 0;padding:0px 16px 0px 16px;line-height:24px;}
.nav ul li ul {display:none;}
.nav ul li:hover ul {display:block;position:absolute;top:23px;margin-top:1px;left:0;width:100%;border-top:1px solid red;padding-left:10px;}
</style>
</head>
<body>
<div class="nav">
<ul>
<li><a href="/about.asp">中国</a></li>
<li><a href="/service.asp">中国</a></li>
<li><a href="/sale.asp">中国</a>
     <ul>
    <li><a href="/customer.asp" >中国</a></li>
        <li><a href="/contact.asp">中国</a></li>
 </ul>
</li>
<li><a href="/###">中国</a></li>
<li><a href="/customer.asp" >中国</a></li>
<li><a href="/contact.asp">中国</a></li>
</ul>
<div style="clear:both;"></div>
</div>
</body>
</html>