Html 下拉式导航栏覆盖在菜单下方

我的编码有两个问题

当我为标题ul设置背景色时，它只会更改第一个ul内容的背景 不适用于所有其他ul内容

在下拉菜单中，当我悬停时，我的下拉列表显示在我的upnext菜单下面

正文{
边际：0px；
填充：0px；
}
/*###############导航栏###############*/
标题{
背景：#22222；
高度：60px；
字体系列：“卡特一号”，草书；
}
标题*{
颜色：白色；
}
标题#导航栏{
位置：固定；
排名：0；
宽度：100%；
显示：块；
过渡：前0.3名；
}
标题。标志{
浮动：左；
身高：继承；
左边距：2米；
}
标题.徽标文本{
利润率：12像素；
字号：1.4em；
}
标题.徽标文本范围{
颜色：海蓝宝石；
}
标题ul{
浮动：对；
边际：0px；
填充：0px；
身高：继承；
列表样式：无；
}
标题ulli{
浮动：左；
位置：相对位置；
}
标题ul li ul{
位置：绝对位置；
顶部：60px；
宽度：自动；
显示：无；
}
标题ul li：悬停ul{
显示：块；
}
标题ul li ul li{
宽度：100%；
}
标题ul li ul li a{
/*填充：20px*/
}
标题ul li ul li a{
背景颜色：灰色；
}
标题ulli a{
显示：块；
填充：17px；
左侧填充：20px；
字号：1em；
文字装饰：无；
}
标题：悬停{
背景#006669；
过渡：0.5s；
}
标题.切换菜单{
显示：无；
}
.fa leanpub、.fa home、.fa灯泡、，
.fa youtube、.fa信封、.fa用户{
颜色：海蓝宝石；
字体大小：1.3em；
}
/*###############响应导航栏###############*/
@仅介质屏幕和（最大宽度：1200px）{
标题ul{
宽度：100%；
背景色：#0E94A0！重要；
}
标题ulli{
宽度：100%；
}
}

导航栏

她是我代码的代码笔链接她是我代码的代码笔链接