Drop-Down Menü einfügen?

[jschuhma]

Hallo miteinander,

ich möchte gerne dieses Menü realisieren:

bisher bin ich so weit: Fotografie
Jedoch bekomme ich das 3. Menü mit drop-down einfach nicht hin..

soweit mein css

* { margin: 0; padding: 0; }

body {
	font-family:Verdana, Sans-serif;
	color: #8e8e8e;
	line-height: 18px;
	background: #ffffff;
	margin: auto;
	}

ul#navigation {
	list-style-type: none;
	width: 750px;
	height: 25px;
	background: #efefef;}

a, a:link, a:visited {
	text-decoration: none;x
	color: #000000;
	font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;}


/* LEVEL1 */

ul#navigation li {
	display: block;
	float: left;
	}

ul#navigation li a {
	display: block;
	height: 25px;
	width:80px;
	background:#efefef;
	}

ul#navigation li a:hover {
	display: block;
	background:#666666;
	}	

li#bildgestaltung a {
	width: 72px;
	}

#bildgestaltung ul {
	background:#efefef;
	height: 21px;
	width:750px;
	}
	

/* LEVEL2 - allgemein  */
#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
	}


/*  LEVEL2 - Bildgestaltung*/

ul#navigation li#bildgestaltung ul  a:link, 
ul#navigation li#bildgestaltung ul  a:visited {
	width: 140px;
	height: 21px;
	background: #efefef;
	}

ul#navigation li#bildgestaltung ul a:hover {
	width: 140px;
	height: 21px;
	background:#666666;
	}

Ich bekomms einfach nicht mit dem drop-down menü hin, wenn mir da jemand nen tip hätte... wäre sehr dankbar.

grüße Jan