CSS菜单与标记右对齐：UL＆gt; LI＆gt; UL＆gt; LI

Question

一位朋友给了我这个HTML和CSS：

http://jsfiddle.net/LGFYE/2/

我的工作是在CMS中使用它，但是这段代码在标记方面存在一些问题：

在UL内的每个LI之后
• BR
• LI＆gt;仅为了设计而使用管道字符进行SPAN
• 还原子页面的顺序

我最好的尝试是：

http://jsfiddle.net/MQLZh/1/

但我也有问题：

• 子菜单右侧的间距不是通用的，它总是100px

我一直在苦苦挣扎数小时，并希望那里的人知道方向。我很想学习另一个CSS技巧。此外，最终解决方案必须在IE7 +中“正常工作”。 “工作”，如“未破坏”，但不一定相同或“设计完美”。

我感谢任何努力，谢谢！

Answer 1

试试这个：http://jsfiddle.net/MQLZh/3/

如果有任何其他事情需要改变，请告诉我

事实上，您不必更改HTML标记，但要么正常工作：http://jsfiddle.net/MQLZh/4/