Probleme mit divs html css

Hallo Zusammen,

ich hoffe mir kann jemand helfen. Ich baue gerade eine Seite für ein airsoft Team auf. Bin noch beim layout und die divs wollen nicht so wie ich es will. Und zwar habe ich zwischen dem logo div, und dem navi div immer einen abstand von ca 20px. Kann mir einer sagen wie ich diese lücke weg bekomme?

body aus der index:

body>

"div id="main" >


div id="logo" >
200x1200
/div>


div id="navi2">
30x1200
/div>


div id="links">
min870x150
/div>


div id="hauptfenster">
min870x1050
/div>


div id="unten">
100x1200
/div>


/div>






/body>




und css datei :

#main {
min-height: 1200px;
height: auto;
width: 1200px;
margin: 0px;
padding: 0px;


}

#logo{
width: 1200px;
height: 200px;
background-image: url(grafik/logo.png);
margin:0px;
padding:0px;

}

#navi2{

height: 30px;
width: auto;

background-image: url(grafik/navi.png);
margin:0px;
padding:0px;

}

#links{
min-height: 870px;
height: auto;
width: 150px;

float: left;
background-image: url(grafik/links.png);
margin:0px;
padding:0px;
clear: left;
}

#hauptfenster{
min-height: 870px;
height: auto;


width:1050px;
background-color: #902001;
float: right;
margin:0px;
padding:0px;
clear: right;


}



#unten{

width: 1200px;
height: 100px;
background-color: #0000FF;
margin:0px;
padding:0px;




}

Vielen dank ich freue mich schon auf eure Antworten :) Und ich Hoffe ich habe es im richtigen Forum gepostet. Habe auch die Spitzen Klammer entfernt, da der code sonst hier nicht angezeigt wird. Darf ich hier die domain verlinken ?

Bitte wieder löschen hatte text im navi div hab den einfach gelöscht, jetzt geht es sorry ;)