我怎样才能使这个子菜单100％的高度？

Question

我有这个菜单here，我想子菜单是100％的高度，像顶级菜单是。
但子菜单链接应该停留在它们所在的位置，只有黑色背景应该具有100％的高度。

我试过height:100%在#subMenusContainer，但我认为它只是它的所有链接的高度。

我是否必须用JS读取页面的高度，然后计算边距/高度？
还是有一个简单的版本与CSS？

对于这个例子，我使用Mootools Menumatic，但在jsFiddle中我没有使用JS，我只发布了代码。

当您将鼠标悬停在产品上时，导航应该看起来像this之一。

Greets Max

Answer 1

我已经做了一些tweeks到您的CSS，这是所需的效果？ - http://jsfiddle.net/ajthomascouk/JPtRb/

我基本上做了以下：

i）用的容器具有透明background-color，一个width和藏在overflow

#container{background-color:transparent; overflow:hidden; width:400px} 

ⅱ）得到#nav黑色background-color和一个height的100％（把它改成你想要的）

#nav{background-color:#000; height:100%;} 

三）改变了top:60px到padding-top:60px上#nav IV）用于borders以获得所需的效果：

#nav ul{border-top:1000px solid #000; border-bottom:1000px solid #000; position:relative; top:-965px; }

我想这是你试图实现...？