Divs untereinander

[progger]

Dann solltest du uns aber endlich mal zeigen, was du getan hast, dass sie sich überlappen.

Mein HTML- Code:

	<div id="head">  
		<div id="logo"></div>  
		<div id="navi">  
			<ul id="oben">  
				<li class="inactive"><a href="#">Home</a></li>  
				<li class="inactive"><a href="#">Ueber1</a></li>  
				<li class="inactive"><a href="#">Ueber2</a></li>  
				<li class="active"><a href="#">Ueber3</a></li>  
				<li class="inactive"><a href="#">Ueber4</a></li>  
			</ul>  
			<div id="trennlinie"></div>  
			<ul id="unten">  
				<li class="inactive"><a href="#">Unterueber1</a></li>  
				<li class="active"><a href="#">Unterueber2</a></li>  
			</ul>  
		</div>  
	</div>  
	<div id="content">  
	<h1>Unterueber2</h1>  
Text  
	</div>  

Der Div "content" wird von "head" überlappt.

Mein CSS:

  
/* Anordnung Navigation */  
#head {position: absolute; top:0px; left:0px; right:0px; background-color: #1782f9;}  
#head #logo {background-image: url(logo_mobile.png); background-repeat: no-repeat; width: 150px; height: 36px; vertical-align: middle;}  
#head #navi #oben {font-size: 14pt; margin-left: 0px; padding-left: 0px; margin-bottom: 0px;}  
#head #navi #oben li {background-color: #0368d9; list-style: none; padding: 0px; padding-left: 5px;}  
#head #navi #trennlinie {background-color: #fff; height: 2px; padding: 0px; margin: 0px;}  
#head #navi #unten {font-size: 14pt; margin-left: 0px; padding-left: 0px; margin-top: 0px;}  
#head #navi #unten li {color: #fff; background-color: #0368d9; list-style: none; padding: 0px; padding-left: 5px;}  
	  
/* weiteres design navi */  
#head #navi #oben li a {text-decoration: none;}  
#head #navi #oben li.inactive {vertical-align: middle; color: #fff;}  
#head #navi #oben li.active {vertical-align: middle; color: #0368d9; background-color: #fff;}  
#head #navi #oben li.active a {color: #0368d9;}  
#head #navi #oben li.inactive a {color: #fff;}  
#head #navi #unten li a {text-decoration: none;}  
#head #navi #unten li.inactive {vertical-align: middle; color: #fff;}  
#head #navi #unten li.active {vertical-align: middle; color: #0368d9; background-color: #fff;}  
#head #navi #unten li.active a {color: #0368d9;}  
#head #navi #unten li.inactive a {color: #fff;}  
  
/* Content */  
#head {display: inline;}  
#content {background-color: #fff; color: #0368d9; margin-top: 5px; display: inline;}  
#content a {color: #0368d9; text-decoration: underline;}