当项目具有不同的高度时，使用纯CSS下拉菜单

Question

网络上有几个资源描述了如何实现下拉菜单，例如： G。这个： http://www.newmediacampaigns.com/blog/nicer-navigation-with-css-transitions-part-2 面临的一个问题是CSS无法将高度设置为auto的目标。相反，必须使用这样的固定高度：

.nav ul > li:hover ul li {
    height:36px;
}

当子菜单具有不同的高度并且应该容易添加其他菜单项时，这会使事情变得复杂。 使用上面链接中描述的max-height并不完全令人满意。 我知道它可以通过JS / jQuery轻松完成，但我想知道是否有一种干净的方法可以通过纯CSS自行调整高度。