ドロップダウンメニューをカスタマイズするには

Question

私はjQueryのドロップダウンを持っていますが、私のdivは妙に整列しています。現時点では、ドロップダウンの親divがページの右上隅にあり、赤のドロップダウンは画面の最後に向かって整列しています。右端が矢印の右端に揃うようにドロップダウンを整列させるにはどうすればよいですか？ここで

は、現在の動作です：ここでは

は私のCSSです：既存のCSSセレクタに以下を追加

#jsddm { 
    margin:0; 
    padding:0; 
} 
#jsddm li { 
    float:left; 
    list-style:none; 
    font:12px Tahoma,Arial; 
} 
#jsddm li a { 
    display:block; 
    padding:13px 12px; 
    text-align:left; 
    text-decoration:none; 
    white-space:nowrap; 
} 
#jsddm li a:hover { 
    border:1px solid #333; 
    padding:13px 12px; 
    text-align:left; 
    text-decoration:none; 
    white-space:nowrap; 
} 
#jsddm li ul { 
    margin:0; 
    padding:0; 
    position:absolute; 
    visibility:hidden; 
    border-top:1px solid white; 
} 
#jsddm li ul li { 
    float:none; 
    display:inline; 
} 
#jsddm li ul li a { 
    width:auto; 
    background:#9F1B1B; 
} 
#jsddm li ul li a:hover { 
    background: #7F1616; 
} 

Answer 1

てみてください::

ライブ

#jsddm li { 
    position:relative; 
} 

#jsddm li ul { 
    right:0; 
} 

サンプル（HTから単純マークアップが使用されていますMLこの記事の執筆時点では含まれません）：

http://jsfiddle.net/u6QtX/2/