创建仅 CSS 的下拉菜单 - 一项消失

Question

我使用 CSSwizardry 上的教程为我在 Wordpress 中的菜单创建了一个纯 CSS 下拉菜单（没有足够的声誉来发布超过 2 个链接）。我的主页上运行良好：http://www.tarawilder.com（将鼠标悬停在“投资组合”上可查看“设计”和“开发”项）。

但是，当您进入内部页面时，只会显示“开发”而不显示“设计”。转到此处：以http://www.tarawilder.com/portfolio/ 为例。

为什么会这样？我想把头发扯下来，我整晚都在想办法。

这里是菜单的 CSS（这两个页面在技术上是相同的）

#menu1 {
    height: 30px;
}

.menu {
    position:relative;
    z-index:50;
}

.menu li {
    position: relative;
}

.menu a {
    display:block;
    padding:5px;
    color:#fff;
    text-decoration:none;
}
.menu ul{
    background:#fff; 
    list-style:none;
    position:absolute;
    left:-9999px; 
}

.menu ul li{
    padding-top:1px; 
    float: left;
    padding-top: 10px !important;
}

.menu ul a{
    white-space:nowrap; 
}

.menu li:hover ul{ 
    left:0; 
}

.menu li:hover a{ 
}

.menu li:hover ul a{ 
    text-decoration:none;
}

.menu li:hover ul li a:hover{
}

提前致谢！

Answer 1

因为您的下拉菜单包含在#header 中，它具有以下规则：

#header {
    overflow: hidden;
}

它会切断菜单的其余部分。考虑删除overflow: hidden。