不扩展背景边框的CSS下拉列表

我现在有一个我自己无法解决的问题，所以我把我的问题交给你们，希望你们能帮助我

我正在尝试创建一个下拉列表/菜单，它工作得非常完美，尽管背景边框随着下拉列表扩展，看起来很乱

所以我想听听你的意见来解决这个问题。我已将代码放到网上，并为带有下拉列表的菜单提供了一个小演示：

演示：
CSS：

非常感谢您。您可以：

#menu { 
    height: 30px;
    overflow: visible;
    border-radius: 5px;
    background-color: #484848;
    color: #FFFFFF;
    padding: 5px 5px 0px 5px;
    margin: 5px 5px 5px 5px;
    font: 8pt verdana, arial, sans-serif;
}

---

这将允许显示

ul

子菜单，但将防止

#菜单

增长以适应其高度。

我认为问题在于HTML标记。欢迎使用！谢谢你提供了相关的代码和演示，这真的很有帮助。谢谢你Jared:）SidMS-我已经发现了问题，它在我的“菜单”id中-如果你看一下：这很好。所以问题就在于这一部分：#菜单{边框半径：5px；溢出：隐藏；背景色：#484848；颜色：#FFFFFF；填充：5px 5px 0px 5px；边距：5px 5px 5px 5px；字体：8pt verdana，arial，sans serif；}我真的不知道如何忽略这一点：（有时问题可以通过简单的解决方案来解决……非常感谢你，贾里德：）-感觉我现在就像在一个壳里：）没问题，很高兴我能帮上忙。如果答案回答了你的问题，一定要向上投票并标记为答案<代码>：）就行了，等我弄明白了：D-找到了！：D