Dropline Menu

[Webgau]

Servus,
Ich erstelle mir derzeit ein einfaches Dropline Menu nur auf Basis von CSS, allerdings hapert es derzeit am Untermenü. Dieses überschreibt sobald es aufgeht den darunterliegenden Text…. Hier einmal der Code:

#menu
{
	height: 25px;
	background: #EFEFEF;
	position: relative;
	width: 800px;
	float: left;
}

#menu .menu 
{
	margin: 0;
	padding: 0;
}

#menu ul.menu 
{
	margin:0;
	padding:0;
}

#menu ul.menu li
{	
	margin:0;
	padding:0;
	display: inline;
	height: auto;
}

#menu ul.menu li a span
{
	margin:0;
	padding:0;
}

#menu ul.menu li ul li a span
{
	margin:0;
	padding:0;
}

#menu ul.menu li ul
{
	background: #E2E2E2 none repeat scroll 0 0;
	display:block;
	left:0;
	margin-top:0;
	padding:0;
	position:absolute;
	top:25px;
	width:800px;
	z-index:10;
}

#menu ul.menu li ul li
{
	margin: 0;
	padding: 0;
}

#menu ul.menu li a
{
	display:block;
	float:left;
	font-size:12px;
	height:25px;
	line-height:25px;
	padding:0 10px;
	text-decoration:none;
	white-space:nowrap;
	color: #000000;
}

#menu ul.menu li ul li a
{
	border:0 none;
	color:#000000;
	display:block;
	float:left;
	font-size:12px;
	height:21px;
	line-height:20px;
	margin:0;
	padding:0 10px;
	text-decoration:none;
	white-space:nowrap;
}

um das Problem direkt zu sehen klick hier: http://www.webgau.de/demo/portal/joomla-overview.html

Vielen dank für eure Hilfe!
Grüße Mirko

 

[Maik]

Moin,

definier mal für #left_big einen oberen Außenabstand - beispielsweise:

#left_big {
float:left;
margin:30px 0 0 0;
padding:0;
width:800px;
}

mfg Maik

 

[Webgau]

Hallo Maik,

erstmal vielen dank! Ich wollte eigentlich das vermeiden , gibt es noch andere wege? Ich möchte Quasi das der container "menu" das gesamte menü umschließt.

Grüße Mirko