css - CSSは要素を垂直方向に展開し、疑似要素を移動します

Question

私が作成しているWebサイトでは、ページの上部にナビゲーションバーがあり、カーソルを合わせたときに垂直方向に拡大/アニメーション化します。また、リボン効果を作成するために：after疑似要素を使用しています。問題は、メニュー項目にカーソルを合わせると「リボン部分」が下に移動できないように見えることです。私はしばらくそれで遊んでいて、それが何か単純なものであることを知っていますが、私はそれを理解することができません。

私はここにpastebinのコードを持っています：http：//pastebin.com/FTf4pBEi

Answer 1

ホバーの高さを上げたところ、リボンが機能しているようです。サブメニュー項目がないため、何を求めているのか正確にはわかりません。

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

.menu_item:hover {
  height:150px;
}