如何在不设置固定大小的情况下强制ul中的所有li元素与最大项目相同？

我在页面上有一个类别列表,每个类别都有一个嵌套的子类别列表.类别列表项样式以网格图案(via display:inline; float:left)排列项目,子类别在正常列表布局中显示在下面.类别和子类别是用户配置的,但我不希望有数百个(可能不超过10或20个子类别,分别为3或4个类别).

我宁愿不为每个列表项设置固定大小.我想在每个元素周围绘制一个边框,但我不喜欢每个列表项大小基于它的内容时的外观.如果没有在列表项上设置固定大小,有没有办法解决这个问题？

设置ul有float: left似乎帮助.

示例:http://jsbin.com/uluke