Как выровнять справа налево элементы меню CSS

Question

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

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

И мне было интересно, как я могу сделать элементы под «О нас» на вкладке быть выровнен справа left.Now они выглядят так:

About us 
    |Menu items with different length| 

Я хочу, чтобы это выглядело так:

       About us 
    |Menu items with different length| 

Answer 1

Как это

demo

CSS

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

Answer 2

Просто добавьте right:0; в li:hover ul или li ul

li:hover ul { 
    display: block; 
    position: absolute; 
    right:0; 
} 

working Fiddle

Answer 3

используйте float:right в вашем стиле css.

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