当我的菜单打开时，为什么图像会像这样移动？

如果您在我的网站http://imronan.co注意到，每当我按菜单按钮显示下拉菜单时，它似乎将图像转移到下方。我很困惑为什么会这样。当我按下菜单按钮来显示菜单项时，我只希望它向下移动。当我的菜单打开时，为什么图像会像这样移动？

我有关CSS：

body { 
position: absolute; 
top: 50%; 
left: 50%; 
/* bring your own prefixes */ 
transform: translate(-50%, -50%); 
} 

a { 
color: aliceblue; 
font-family: 'Montserrat', sans-serif; 
text-decoration: none; 
/* no underline */ 
} 

.album { 
-webkit-box-reflect: below -10px -webkit-gradient(linear, left top,left bottom, from(transparent), to(rgba(250, 250, 250, 0.1))); 
} 


.album img { 
height: 350px; 
width: 350px; 
} 

... 

/*MENU*/ 
.burgermenu { 
z-index: 100000000; 
position: static; 
margin: 0px 0px; 
overflow: hidden; 
} 

.burgermenu ul { 
list-style-type: none; 
list-style-image: none; 
} 

.burgermenu li { 
padding: 0.5em 0.5em; 
float: left;  
} 

.burgermenu a { 
font-weight: 400; 
color: burlywood; 
text-shadow: 1px 1px 0px #000; 
} 

.burgermenu a:hover { 
text-decoration: underline; 
color: aliceblue; 
}

而且，任何人知道如何解决的反射，从而不会干扰，当我将鼠标悬停在菜单按钮？

来源

2017-12-02 Nick Delfico

问题寻求帮助调试必须包括必要的重现它最短的代码**在问题本身**。 [mcve]链接到你的网站是不够的，因为当它被修复或死亡时，会使你的问题和答案变得毫无意义。 – Rob