<style type="text/css">
*{
font-size:12px
}
#menu li{
width:70px;
list-style:none;
}
#menu li a:link,#menu li a:visited{
background:#009999;
color:#FFFFFF;
text-decoration:none;
display:block;
}
#menu li a:hover{
color:#FFFFff ;
background:#009999;
}
#menu li a div ul,#menu li a:visited div lu{
padding:0px;
margin:0px;
display:none
}
#menu li a:hover div ul{
margin:0px;
padding:0px;
display:block;
background:#CCCCCC;
color:#0000FF
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">导航菜单<div><ul><li>内容内容</li><li>内容内容</li><li>内容内容</li><li>内容内容</li></ul></div></a></li>
</ul>
</div>
上面的红色部分，为什么颜色设置一样时，就没有效果，如果在后面加个文字大小的其他的，就有效果，
请问时什么原因？
