html - ページ全体をそのままの状態にするにはどうすればよいですか?

Question

ページが限界点に達し、要素が div をエスケープし始めたときに、水平スクロール バーを関与させたいと考えています。ヘッダーをインライン背景画像として設定しましたが...もちろん、そのままの場所にとどまり、divの外に移動します。ウィンドウが小さすぎると応答がありません。ヘルプ！

#logo { 
    background-repeat:no-repeat; 
    background-position: top center; 
    background-size: 100%; 
} 

#mainnavi { 
    border-top:inset gold 3px; 
    background-color:#000033; 
    border-bottom:inset gold 3px; 
    height:45px; text-align:center; 
    font-size:13px; 
    width:100%; 
    text-shadow:20%; 
}   

a:link,a:visited { 
    font-weight:bold; 
    display:inline-block; 
    color:#FFFFFF; 
    background-color:#000033; 
    text-align:center; 
    height:30px; 
    width:120px; 
    text-decoration:blink; 
    overflow:hidden; 
} 
a:hover,a:active { 
    background-color:#000099;
} 

それが、ナビゲーションとロゴのために行っていることです。