我只使用 HTML 和 CSS 创建了一个简单的垂直导航栏，并添加了子菜单。现在的问题是，下部导航菜单的子菜单有很多链接，导致子菜单超过页面的高度。屏幕截图解释得更好 -
如您所见，子菜单超出了网页的高度，并且页脚（带有 © 符号的深灰色条带）最终漂浮在半空中。最大的问题是"outerwear"子菜单更长，我最终向下滚动以查看其余隐藏链接。
是否有仅使用HTML 和 CSS 的解决方案？可以将子菜单的下边距（不是技术意义上的）与主菜单的下边距对齐吗？
编辑：这是代码 - http://jsfiddle.net/nWxpj/2/