求高手看看问题出哪了？ <style...-慕课网

                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /形形色色的下拉菜单

求高手看看问题出哪了？

*{margin:0;padding:0;}

.addens{width:800px;height:40px;margin:0 auto;background-color:#ccc;} ul{list-style:none;}

ul li{float:left;line-height:40px;text-align:center;position:relative;}a{text-decoration:none; color:#656565;display:inline-block;padding:0 30px;height:40px;}a:hover{color:#fff;background-color:#666;}ul li ul li{float:none; background-color:#eee;margin-top:2px;}

ul li ul{position:absolute;left:0;top:40px; display:none;}

</style>
   <script>
       function show_submenu(li){
           var submenu=li.getElementsByTagName("ul")[0];
           submenu.style.display="block";
       }

       function hiden_meces(li){
       var ellement=li.getElementsByTagName("ul")[0];
       ellement.style.display="none";
       }
   </script>
</head>
<body>
    <div class="addens">
    <ul>
       <li><a href="#">首页</a></li>
        <li onmousemove="show_submenu(this)" onmouseout="hiden_meces(this)"><a href="#">听香水榭</a>
           <ul>
               <li><a href="#">JAVASCRIPT</a></li>
               <li><a href="#">JQUERY</a></li>
               <li><a href="#">HTML/CSS</a></li>
           </ul>

</li>

</body></html>