私のサイトのコンテンツ領域（ピンク色）とnav領域（赤色）の調整に問題があります

Question

コンテンツ領域（ピンク色）とnav領域（赤色）を合わせる際に問題がありますサイトhttp://reesk.me/（問題を表示するために表示されるURLは回答時に削除されます）

私はこの作業をどのように行うことができますか？ HTMLは

<div class="body"> 
<div id="header"> 
</div> 
<div id="nav"> 
</div> 
<div id="content"> 
</div> 

</div> 

で、CSSは

.body { 
background-color: #111111; 
min-height: 1000px; 
width: 900px; 
margin-right: auto; 
margin-left: auto; 
color:#FFFFFF; 
} 
#header { 
background-color: #000000; 
background-image: url(logo.png); 
background-repeat:no-repeat; 
height: 200px; 
width: 100%; 

} 
#nav{ 
width:200px; 
min-height:300px; 
background-color:red; 

} 

#content{ 
position:relative; 
left:200px; 
top:0px; 
width:700px; 
min-height:500px; 
background-color:pink; 
} 

Answer 1

あなたは赤の1の隣の代わりに、その下にピンクの面積を持つようにしようとしていますか？その場合は、相対的な位置情報を削除して、#navにfloat: left;を使用してください。