CSS DropDown Menü klappt nicht richtig

[Blackii]

Hi, ich habe das Problem das mein CSS Dropdownmenü nicht richtig aufklappt, es schiebt immer den Menü div Container extremst weit nach unten.

menü code:

  
<div id="menu">  
	<ul>  
		<li><a href="#">Home</a></li>  
		<li><a href="site1.html">&Uuml;ber PFiFF</a></li>  
		<li><a href="site2.html">Zielgruppe</a></li>  
		<li><a id="cssmenu" href="site3.html">Fr&uuml;hpr&auml;vention</a>  
			<ul>  
				<li><a href="site3_1.html">Was bieten wir an</a></li>  
				<li><a href="site3_2.html">Mototherapie</a></li>  
				<li><a href="site3_3.html">Kompetenzstärkung</a></li>  
			</ul>  
		</li>  
		<li><a href="site4.html">Team</a></li>  
	</ul>  
</div>

css code:

  
/************* MENU ************/  
  
#menu {  
	width: 770px;  
	margin: 0px auto;  
	padding: 5px 0px 5px 0px;  
	background-color: #883355;  
}  
  
#menu ul {  
	margin: 0px;  
	padding: 0px;  
	list-style: none;  
	text-align: center;  
}  
  
#menu li {  
	display: inline;  
	position: relative;  
}  
  
#menu a {  
	padding: 5px 15px;  
	text-transform: uppercase;  
	text-decoration: none;  
	font-size: 12px;  
	font-weight: bold;  
	color: #FFFFFF;  
}  
  
#menu a:hover {  
	background-color: #dcdcdc;  
}  
  
/**Untermenü**/  
#menu ul ul{  
position: absolut;  
z-index: 2;  
display: none;  
width: 140px;  
list-style-type: none;  
}  
  
#menu ul li:hover ul {  
	display: block;  
	background-color: #883355;  
	position: absolut;  
}