創建一個僅限CSS的下拉菜單 - 一個項目消失

Question

我使用CSSwizardry上的教程（沒有足夠的信譽來發布超過2個鏈接）在Wordpress中爲我的菜單創建了一個僅限CSS的下拉菜單。我已經在我的主頁上正常工作：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。