获取导航菜单下拉列表，就像基本菜单项一样

Question

我有这个CSS菜单：

http://jsfiddle.net/7JC8t/

如果您将鼠标悬停在'inostranstvo'上，您会在其下方看到一个下拉列表。我一直试图做但失败的是让下拉项看起来像水平菜单中的项目。

因此，当用户将鼠标悬停在'inostranstvo'上时，显示的项目应具有：相同的宽度（最宽项目的宽度），与现有菜单项相同的高度和背景。

背景很简单，但我无法强制高度，我不知道如何对齐宽度。这没有做任何事情：

#nav li:hover ul li{
    height:55px;
    line-height:55px;
    width:200px;
}

宽度值是随机的，最重要的是高度，我似乎无法强制列表项。另一方面，添加边框有效，但会将其添加到红色背景区域内。我确信这不会很复杂，但我无法理解。

Answer 1

您是否尝试将子菜单li元素设置为“display-type：block”？

我已将以下css添加到JSFiddle中，它似乎有效：

#nav li:hover ul li {
    display: block;
    background: #DE2211;
    border-bottom: 1px solid black;
}