奇妙な外観のCSSは、ドロップダウンメニュー

Question

私はダウンメニュー次のドロップがありますhttp://jsfiddle.net/fE4YH/

問題は、ドロップダウンメニュー項目が右に整列しないということですが、彼らはどこか途中です。これを簡単に修正する方法はありますか？

ありがとうございました。

Answer 1

私はあなたのコードを編集しました。ちょうどテキストの整列を変更してください：right to float：right;

#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; 
    } 

を

これはブラウザ間で動作します。