Javascript css下拉菜单大小和图像问题

我正在创建一个css下拉菜单，下面有一个固定的图像。目前，我很难将图像设置为与下拉菜单相同的大小，也很难将菜单设置为屏幕大小或填充栏。任何帮助都将不胜感激

以下是css：

#导航{
列表样式：无；
字体大小：粗体；
边缘底部：10px；
浮动：左；
宽度：100%；
位置：相对位置；
z指数：5；
保证金：0；
填充：0；
背景色：#333；
}
#李海军{
浮动：左；
右边距：10px；
位置：相对位置；
}
#导航a{
显示：内联块；
填充物：5px；
颜色：#fff；
背景：#333；
文字装饰：无；
}
#导航a：悬停{
颜色：#fff；
背景#6b0c36；
文字装饰：无；
}
#导航ul{
背景：#fff；
背景：rgba（255255,0）；
列表样式：无；
位置：绝对位置；
左：-9999px；
}
#李国荣{
垫面：1px；
浮动：无；
文本对齐：居中；
}
#导航ula{
空白：nowrap；
填充：14px 16px；
}
#导航李：悬停ul{
左：0；
}
#李导航：在a{
背景#6b0c36；
文字装饰：无；
背景颜色：蓝色；
}
#李导航：悬停在ula{
文字装饰：无；
}
#nav li:悬停ul li a:悬停{
背景：#333；
}

只需将图像宽度设置为100%。这将对齐菜单栏和图像。

只需将图像宽度设置为100%。这将使菜单栏和图像对齐。

我不确定这是否是您想要的

#导航{
列表样式：无；
字体大小：粗体；
边缘底部：10px；
浮动：左；
宽度：100%；
位置：相对位置；
z指数：5；
保证金：0；
填充：0；
背景色：#333；
}
#李海军{
浮动：左；
右边距：10px；
位置：相对位置；
}
#导航a{
显示：内联块；
填充物：5px；
颜色：#fff；
背景：#333；
文字装饰：无；
}
#导航a：悬停{
颜色：#fff；
背景#6b0c36；
文字装饰：无；
}
#导航ul{
背景：#fff；
背景：rgba（255255,0）；
列表样式：无；
位置：绝对位置；
左：-9999px；
}
#李国荣{
垫面：1px；
浮动：无；
文本对齐：居中；
}
#导航ula{
空白：nowrap；
填充：14px 16px；
}
#导航李：悬停ul{
左：0；
}
#李导航：在a{
背景#6b0c36；
文字装饰：无；
背景颜色：蓝色；
}
#李导航：悬停在ula{
文字装饰：无；
}
#nav li:悬停ul li a:悬停{
背景：#333；
}

我不确定这是否是你想要的

#导航{
列表样式：无；
字体大小：粗体；
边缘底部：10px；
浮动：左；
宽度：100%；
位置：相对位置；
z指数：5；
保证金：0；
填充：0；
背景色：#333；
}
#李海军{
浮动：左；
右边距：10px；
位置：相对位置；
}
#导航a{
显示：内联块；
填充物：5px；
颜色：#fff；
背景：#333；
文字装饰：无；
}
#导航a：悬停{
颜色：#fff；
背景#6b0c36；
文字装饰：无；
}
#导航ul{
背景：#fff；
背景：rgba（255255,0）；
列表样式：无；
位置：绝对位置；
左：-9999px；
}
#李国荣{
垫面：1px；
浮动：无；
文本对齐：居中；
}
#导航ula{
空白：nowrap；
填充：14px 16px；
}
#导航李：悬停ul{
左：0；
}
#李导航：在a{
背景#6b0c36；
文字装饰：无；
背景颜色：蓝色；
}
#李导航：悬停在ula{
文字装饰：无；
}
#nav li:悬停ul li a:悬停{
背景：#333；
}