Hey 
Ich habe ein Problem, undzwar habe ich immer so einen komischen Abstand zwischen dem Inhalt und der Navigationsleiste.
CSS:
body {
font-size: medium;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
}
.header {
width: 700px;
background-color: #000;
margin: 0 auto;
}
#navibereich li {
display: inline;
list-style-type: none;
}
#navibereich {
width: 700px;
background-color: #000;
padding: 4px 0;
border-top: 1px solid #F00;
border-bottom: 1px solid #F00;
background-image: url(../images/.png);
background-repeat: repeat-x;
background-position: bottom left;
margin: 0 auto;
}
#navibereich a {
color: #FFF;
text-decoration: none;
padding: 4px 8px;
}
#navibereich a:hover,
#index #navi01 a,
#gesuch #navi02 a,
#intensivmagazin #navi03 a,
#meinautoweb #navi04 a {
color: #F00;
background-color: #FFF;
background-image: url(../images/.png);
background-repeat: repeat-x;
background-position: bottom left;
}
.background {
width: 700px;
height: 860px;
background-image: url(../images/backgroundV5.png);
background-repeat: repeat-x repeat-y;
background-position: top left;
margin: 0 auto;
}
.intensivmagazinbox {
margin: 8px;
}
.intensivmagazinboxleiste {
color: #FFF;
background-color: #000;
border-top: 1px solid #F00;
border-bottom: 1px solid #F00;
border-right: 1px solid #F00;
border-left: 1px solid #F00;
}
.intensivmagazinboxinhalt {
padding-top: 4px;
border-bottom: 1px solid #F00;
border-right: 1px solid #F00;
border-left: 1px solid #F00;
}<body id="index">
<div class="header"><img src="images/intensivdesignlogo.png" alt="Logo" width="210" height="100" style="background: #000;" /></div>
<ul id="navibereich">
<li id="navi01"><a href="index.html">Home</a></li>
<li id="navi02"><a href="gesuch.html">Gesuch aufgeben</a></li>
<li id="navi03"><a href="intensivmagazin.html">IntensivMagazin</a></li>
<li id="navi04"><a href="meinautoweb.html">Mein AutoWeb</a></li>
</ul>
<div class="background">
<div class="intensivmagazinbox">
<div class="intensivmagazinboxleiste">
AAA
</div>
<div class="intensivmagazinboxinhalt">
AAA
</div>
</div>
<div class="neuestegesuchebox">
<div class="neuestegesucheboxleiste">
AAA
</div>
<div class="neuestegesucheboxinhalt">
AAA
</div>
</div>
<div class="registrierenbox">
<div class="registrierenboxleiste">
AAA
</div>
<div class="registrierenboxinhalt">
AAA
</div>
</div>
</div>Wieso bekomme ich nun zwischen der Navigationsleiste und dem Background Bild einen Abstand? Ich bekomme den einfach nicht weg 