奇看CSS下拉菜单

Question

我有以下的下拉菜单：http://jsfiddle.net/fE4YH/

的问题是，在下拉菜单项不右对齐，他们中间的某个位置。有没有简单的方法来解决这个问题？

谢谢。

Answer 1

我已经编辑你的代码..只是改变文本对齐：右浮动：右;

#nav li ul li 
    { 
    font-size:12px; 
    font-family: 'MankSans-Bold','Trebuchet MS',arial,sans-serif; 
    text-transform: lowercase; 
    float:right; 
    margin-right:0; 
    padding-right:0; 
    } 

似乎工作..

Answer 2

你可以改变宽度：宽度从汽车：12 EM这里：

#nav li ul { 
    background: none repeat scroll 0 0 orange; 
    left: -999em; 
    position: absolute; 
    width: auto; 
    margin-right:-20px; 
    padding-right:-20px; 
    } 

并添加明确的：都在这里：

#nav li ul li 
    { 
    font-size:12px; 
    font-family: 'MankSans-Bold','Trebuchet MS',arial,sans-serif; 
    text-transform: lowercase; 
    text-align:right; 
    margin-right:0; 
    padding-right:0; 
    clear:both; 
    } 

它可以跨浏览器使用。