CSS垂直擴展元素並移動僞元素

Question

在我創建的網站上，我有一個橫跨頁面頂部的導航欄，我想在垂直移動時垂直展開/製作動畫。我也使用：之後的僞元素來創建一個ribbon效果。問題在於，當菜單項懸停時，我似乎無法使「Ribbon部分」向下移動。我已經玩了一段時間了，我知道這很簡單，但我無法弄清楚。

我這裏有對引擎收錄代碼：http://pastebin.com/FTf4pBEi

Answer 1

我增加了懸停高度和色帶似乎工作。由於沒有子菜單項，我不確定你究竟是什麼。

http://jsfiddle.net/Kts5y/3/

.menu_item:hover { 
    height:150px; 
}