當內容可變時，下拉菜單選項的寬度相同

Question

這似乎是一個真正愚蠢的問題，但我堅持不懈，找不到出路。

我正在用純CSS3下拉菜單和所有我想要的是以下幾點：

現在，我有這樣的菜單：

注懸停選項cars行爲。

我想了懸停的元素如下所示：

Here is the jsFiddle for the example.

正如我所說，這可能是一些你一個愚蠢的問題，但我無法實現如何現在解決它。

我嘗試width: 100%爲第二個<ul>內的元素，但它不能正常工作。

任何幫助將不勝感激。

在此先感謝。

Answer 1

這是否解決問題：http://jsfiddle.net/David_Knowles/rpF6E/

添加了這個：

.menu li li { 
    float:none; 
} 

.menu li ul li a { 
    width: auto; /* instead of 100% */ 
    display:block; 
}