html菜单位置,html中子菜单的正确位置5

我不能让我的子菜单直接悬停在正确的菜单下，而是所有的子菜单都悬停在相同的位置。任何帮助如何让我的子菜单正确悬停将是一个很大的帮助。html中子菜单的正确位置5

这里是CSS代码：

menu {

display:block;

width:100%;

height:25px;

padding:0;

float:right;

margin-top:-45px;

border-bottom:1px solid #999;

border-top:1px solid #999;

}

menu ul {

margin:0;

display:block;

padding:0;

text-align:center;

position:relative;

}

menu ul li{

list-style-type:none;

padding:15px;

display:inline;

}

menu ul li a, menu ul li ul li a {

text-decoration:none;

color:#003;

font-family:"Comic Sans MS", cursive;

font-size:15px;

display:inline-block;

text-align:center;

margin-top:4px;

}

menu ul li ul{

display:none;

position:absolute;

}

menu ul li:hover ul{

display:block;

background-color:#CCC;

height:auto;

width:120px;

padding:0;

}

menu ul li ul li{

clear:both;

}

这里是html代码：

• MENU 1
  • SUBMENU 1
  • SUBMENU 2
• MENU 2
  • SUBMENU 1
  • SUBMENU 2
• MENU 3
  • SUBMENU 1
  • SUBMENU 2
• MENU 4
  • SUBMENU 1
  • SUBMENU 2