当内容可变时，下拉菜单选项的宽度相同

Question

这似乎是一个真正愚蠢的问题，但我坚持不懈，无法找到出路。

我正在使用纯CSS3的下拉菜单，所有我想要的是以下内容：

现在，我有这个菜单：

请注意悬停的选项cars行为。

我希望hovered元素如下所示：

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