悬停ul显示块问题，html 4记事本++；

我对html相当陌生，我需要为我的大学作业创建一个基本的网站，但我想从每个人都在做的事情上再向前迈进一步，而不是创建一个基本的导航菜单，我决定创建一些更有趣和有趣的东西，一个带有改变颜色和过渡效果的下拉导航菜单（这里是问题）-但当我将鼠标悬停在菜单上时，列表不会出现。。以下是我在该部分的html/css代码：

<ul id="navmenu">
<li><a href="#">Menu</a></li>
<ul>
<li><a href="#">Education</a></li>
<li><a href="#">Hobbies</a></li>
<li><a href="#">Interests</a></li>
</ul>
</ul>

ul
{
list-style-type: none;
}
#navmenu a {                    
text-decleration: none;
display: block;
width: 125px;
height: 25px;
line-height: 25px;
background-color: ;
border: 1px solid #CCC;
border-radius: 5px; 
font-family: Magneto;
font-size: 20px;
color: ffffff;
transition: ease-in all 400ms;                        
-moz-transition: ease-in all 300ms;                                                 
-webkit-transition: ease-in all 300ms;
-o-transition: ease-in all 300ms;
}
#navmenu ul {
display: none;
}
#navmenu li:hover ul    {
display: block;
}

#navmenu li:hover > a {                             
background-color: #535ffb;
transition: ease-in all 300ms;
-moz-transition: ease-in all 300ms;
-webkit-transition: ease-in all 300ms;                  
-o-transition: ease-in all 300ms;
position: relative;                                
left: 10px;
}
#navmenu a {                      
margin-top: 3px; 
}

保险商实验室
{
列表样式类型：无；
}
#导航菜单{
文本失读：无；
显示：块；
宽度：125px；
高度：25px；
线高：25px；
背景色：；
边框：1px实心#CCC；
边界半径：5px；
字体系列：磁电机；
字体大小：20px；
颜色：ffffff；
过渡：在所有400ms内轻松过渡；
-moz转换：在所有300毫秒内都很容易；
-webkit过渡：在所有300毫秒内都很轻松；
-o型过渡：在所有300毫秒内都很容易；
}
#导航菜单{
显示：无；
}
#导航菜单：悬停{
显示：块；
}
#导航菜单li：悬停>a{
背景色：#535ffb；
过渡：在所有300毫秒内轻松过渡；
-moz转换：在所有300毫秒内都很容易；
-webkit过渡：在所有300毫秒内都很轻松；
-o型过渡：在所有300毫秒内都很容易；
位置：相对位置；
左：10px；
}
#导航菜单{
利润上限：3倍；
}

可能是因为您的第二个ul未嵌套在菜单项下。试试这个：

ul{
列表样式类型：无；
}
#导航菜单{
文本失读：无；
显示：块；
宽度：125px；
高度：25px；
线高：25px；
背景色：；
边框：1px实心#CCC；
边界半径：5px；
字体系列：磁电机；
字体大小：20px；
颜色：ffffff；
过渡：在所有400ms内轻松过渡；
-moz转换：在所有300毫秒内都很容易；
-webkit过渡：在所有300毫秒内都很轻松；
-o型过渡：在所有300毫秒内都很容易；
}
#导航菜单{
显示：无；
}
#导航菜单：悬停{
显示：块；
}
#导航菜单li：悬停>a{
背景色：#535ffb；
过渡：在所有300毫秒内轻松过渡；
-moz转换：在所有300毫秒内都很容易；
-webkit过渡：在所有300毫秒内都很轻松；
-o型过渡：在所有300毫秒内都很容易；
位置：相对位置；
左：10px；
}
#导航菜单{
利润上限：3倍；
}

Moogs，对我有用；你是一个传奇！但是现在页面上发生的事情是，当我在上面悬停时，它确实在工作，但是现在当我停止悬停时，它会将页面上的其他内容上下推？你也能帮忙吗？我需要导航菜单的div吗？当我在上面/下面悬停时，它只是上下推其他内容。哦，还有，如果我将鼠标悬停在“菜单”右侧的任何位置，它会以某种方式工作，而不应该如此如果我将鼠标悬停在页面菜单右侧的任何位置，它会工作，所以我感觉需要用div来包含它？我说的对吗？@lolpopzor菜单可能只需要绝对定位，这样就不会影响周围的元素。如果您能够将该站点放到JSFIDLE上或发送链接，那么我可能会更好地帮助您