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

Question

这似乎是一个真正愚蠢的问题，但我被困在它上面，找不到出路。

我正在使用纯 CSS3 制作一个下拉菜单，我想要的只是以下内容：

现在，我有这个菜单：

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

我希望悬停的元素如下所示：

这是示例的 jsFiddle。

正如我所说，对于你们中的一些人来说，这可能是一个愚蠢的问题，但我现在不知道如何解决它。

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