CSS - ポジショニング本部の私は私が働いている3人のdivの持っている

：他の二つのコンテナであるメイン、今だけのための画像で構成されていヘッダ、とありナビゲーションをいくつかのリンク。今のところ私は、ヘッダdivの直下にナビゲーションdivを配置するのに問題があります。その間にメインdivの1行が常にあります。どのようにこれを行うことについて行くための任意の提案？CSS - ポジショニング本部の私は私が働いている3人のdivの持っている

HTML：

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="style.css" /> 
    <title></title> 
</head> 

<body> 
    <div class="main"> 

     <div class="header"> 
     <img src="images/logo.jpg" /> 
     </div> 

     <div class="navigation"><ul id = "linkbar"> 
     <li><a href="">Home</a></li> 
     <li><a href="">Guestbook</a></li> 
     <li><a href="">Contact</a></li> 
     <li><a href="">Quotes</a></li> 
     <li><a href="">Links</a></li></ul> 
     </div> 
    </div> 

</body> 

</html>

CSS：DOCTYPEなし

body { 
    background-color: gray; 

    margin:0px; 
    padding:0px; 

} 

.header { 
    background-color:white; 
} 

.main { 
    background-color: yellow; 
    text-align: center; 
    width: 900px; 
    margin: auto; 
} 
    a:link {color:white; text-decoration:none;}  /* unvisited link */ 
    a:visited {color:white; text-decoration:none;} /* visited link */ 
    a:hover {color:red; text-decoration:underline;} /* mouse over link*/ 
    a:active {color:red; text-decoration:underline;} /* selected link */ 

.navigation { 
    text-align: center; 
    background-color: f8901f; 
} 

#linkbar li { 
    margin: 0px 20px 0px 20px; 
    padding: 11px 0px 10px 0px; 
    list-style-type: none; 
    display: inline; 
    line-height: 2.5em; 
}

出典

2011-04-15 tim