Also das was ihr seht ist mein CSS Code vom dropdown Menü (das Menü könnt ihr euch auf dieser Seite angucken > Meine Test Seite [Subdomain]

Nun ist meine Frage wie ich es hin bekomme das wenn ich das Menü aufklappe das es über dem Text-Block ist und nicht da drunter.

Ich hoffe meine Frage wird soweit verstanden wenn nicht fragt einfach nochmal nach...
LG,Sven
______________________________________________
CSS>

#sddm  
{	margin: 20;  
	padding: 30;  
	z-index: 30}  
  
#sddm li  
{	margin: 0;  
	padding: 0;  
	list-style: none;  
	float: left;  
	font: bold 11px arial}  
  
#sddm li a  
{	display: block;  
	margin: 5px 0;  
	padding: 10px 20px;  
	width: 100px;  
	background: #8B0000;  
	color: #FFF;  
	text-align: center;  
	text-decoration: none}  
  
#sddm li a:hover  
{	background: #A52A2A}  
  
#sddm div  
{	position: absolute;  
	visibility: hidden;  
	margin: 0;  
	padding: 0;  
	background: #8B0000;  
	border: 1px solid #5970B2}  
  
	#sddm div a  
	{	position: relative;  
		display: block;  
		margin: 0;  
		padding: 5px 10px;  
		width: auto;  
		white-space: nowrap;  
		text-align: left;  
		text-decoration: none;  
		background: #8B0000;  
		color: #FFF;  
		font: 11px arial}  
  
	#sddm div a:hover  
	{	background: #A52A2A;  
		color: #FFF}