Nav MenuBarをページ全体に渡らないようにする方法

Question

ナビゲーションメニューバーを作成しましたが、背景色がページ全体に行き渡っています。これは私が望むものではありません。これは私のCSSです：ここで

body { 
    padding: 0; 
    margin: 0; 
    font-family: Arial; 
    font-size: 19px; 
} 
#nav { 
    background-color: #222; 
    } 
#nav_wrapper { 
    width: 960px; 
    margin: 0 auto; 
    text-align: left; 
} 
#nav ul { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    position: relative; 
    min-width: 200px; 
} 
#nav ul li { 
    display: inline-block; 
    } 
#nav ul li:hover { 
    background-color: #333; 
} 
#nav ul li a, visited { 
    color: #CCC; 
    display: block; 
    padding: 15px; 
    text-decoration: none; 
} 
#nav ul li:hover ul { 
    display: block; 
} 
#nav ul ul { 
    display: none; 
    position: absolute; 
    background-color: #333; 
    border: 5px solid #222; 
    border-top: 0; 
    margin-left: -5px; 
} 
#nav ul ul li { 
    display: block; 
} 
#nav ul ul li a:hover { 
    color: #699; 
} 

Answer 1

#nav { 
background-color: #222; 
} 

あなたのナビゲーションバーの幅と高さを調整することができ、または他のあなたの構造

Answer 2

これは動作するはずです見るためにあなたのHTMLのサンプルを投稿する必要があります。

#nav { 
    width: 50%; /*basically how much you want it to span*/ 
}