html - ナビゲーション、ナビゲーションの第 2 レベルを数ピクセル左に移動

Question

私はこのナビゲーションを持っています：

http://jsfiddle.net/XDnD9/

fdsaうまくいきますが、約10ピクセルを左に移動したいと思います。そこに追加するleft: -10px;と、画面の左側に配置されます。位置を相対的に変更すると、リストがクラッシュします。このサブリストを 10px 左に配置するにはどうすればよいですか?

編集：明確ではないことがわかりました。移動したいfdsa <-この方法

Answer 1

これ作って

デモ

ul > li > ul {
    display: none;
    margin:0 0 0 15px;

}

Answer 2

以下を追加します。

ul > li {
    display: inline-block;
    position: relative;
}

と

ul > li:hover ul{
    display: block;
    position: absolute;
    left: -10px;
}

position: relativeネストされた要素の絶対配置がその要素に対して相対的に計算されるようにするためleft: -10px;、画面の左側の横にある内部要素を移動しなくなりました。

デモ