獲取導航菜單下拉到活脫脫的基本菜單項

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; 
}