奇看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; 
    } 

它可以跨瀏覽器使用。