下拉菜单问题
<style>
ul#aa   li#bb{width:100px;
position:relative;}
ul#aa   li#bb   ul#cc{
display:none;
width:100px;
height:100px;
background-color:#FFFF66;}
ul#aa   li#bb   a:hover   ul#cc{
display:block;
position:absolute;
top:-20px;
left:30px;}

</style>


<ul   id= "aa ">
<li   id= "bb "> <a   href= "# "> 管理条例0 </a>
      <ul   id= "cc ">
      <li   class= "dd "> <a   href= "# "> 1 </a> </li>
      <li   class= "dd "> <a   href= "# "> 2 </a> </li>
      <li   class= "dd "> <a   href= "# "> 3 </a> </li>
      <li   class= "dd "> <a   href= "# "> 4 </a> </li>
      </ul>
  </li>
         
<li> <a   href= "# "> 管理条例2 </a> </li>
<li> <a   href= "# "> 管理条例3 </a> </li>
<li> <a   href= "# "> 管理条例4 </a> </li>
<li> <a   href= "# "> 管理条例5 </a> </li>
</ul>


鼠标指向管理条例0时为什么不出现下拉菜单呢？？

------解决方案--------------------
为什么不写个js脚本触发显示事件呢?