如何从右向左对齐css菜单的元素

Question

I am looking at this example of a only css generated drop down menu:

http://jsfiddle.net/XPE3w/7/

而且我想知道如何使"关于我们"选项卡下的项目从右到左对齐.现在他们看起来像这样:

   About us
   |Menu items with different length|

我希望它看起来像那样:

                             About us
   |Menu items with different length|

Answer 1

像这样

演示

CSS

li ul {
    display: none;
    position:absolute;
    right:0;
}