Android 为什么我的按钮的隐形元素在我的响应性设计中被取代了？

我正在为以下网站进行响应性设计：

当我在移动视图中单击Artwork按钮时出现问题。当我点击artwork按钮时，第二个菜单（由图像组成）出现在第一个菜单下方。如果使用google chrome developer工具检查第二个菜单，会发现第二个菜单的一些不可见元素位于第一组按钮上方，从而导致冲突。我想知道如何使用css更正此冲突。我相信罪魁祸首是#nowrap li元素，但我不知道如何在CSS中纠正这一点。从我使用开发工具看到的情况来看，#nowrap li元素从其图像链接中被替换。我试着去适应，但没有运气。我已将HTML和CSS代码包括在下面：

#导航栏{
边缘顶部：100px；
背景色：黑色；
高度：280px；
文本对齐：居中；
文字装饰：无；
列表样式类型：无；
字体系列：arial、helvetica、无衬线字体；
}
#李国宝{
显示：内联块；
位置：相对位置；
顶部：0px；
}
#纳瓦巴利阿{
填充：1em；
文字装饰：无；
填充：90px；
边缘顶部：150px；
边框：4px实心#000；
背景色：白色；
字体系列：arial、helvetica、无衬线字体；
}
#导航栏李a：悬停{
背景色：红色；
颜色：#eee；
}
#标志{
位置：相对位置；
顶部：200px；
利润上限：-60px；
背景色：白色；
高度：85px；
最大宽度：100%；
右：0px；
}
.图形{
最大宽度：100%；
高度：自动；
}
#诺拉普{
空白：nowrap；
位置：相对位置；
顶部：100px；
}
#诺拉普，
李{
列表样式：无；
显示：内联块；
}
#A{
位置：相对位置；
右：0%；
}
#B{
位置：相对位置；
右：5%：
}
#C{
位置：相对位置；
右图：-10%；
}
#D{
位置：相对位置；
右图：-15%；
}
@仅介质屏幕和（最大宽度：700px）{
#李国宝{
显示：块；
垂直对齐：中间对齐；
}
#标志{
位置：相对位置；
顶部：-900px；
右：70px；
}
#白文件{
高度：70像素；
顶部：130像素；
}
#李诺拉普{
显示：块；
边缘顶部：10px；
}
#纳瓦巴利阿{
显示：块；
边缘顶部：10px；
}
#A,，
#B,，
#C，
#D{
显示：块；
垂直对齐：中间对齐；
边缘顶部：20px；
位置：相对位置；
顶部：565px；
右：0px；
}
#项目{
顶部：565px；
}
}

这是一个很容易解决的问题。我的CSS处理菜单中的单个图像，将它们与ul分开。我需要调零图像的位置，调整ul而不是图像