Was soll ich sagen. Echt dämlich, aber ich steige bei mir einen CSS Code selbst nicht durch. Ich habe ausversehen das Menü von oben genommen, nicht das link. Jetzt das richtige:

Aber was muss ich da genau ändern? Ich habe schon versucht aus lefts rights zu machen und bisschen an den Werten rumgeschaubt, aber es kommt irgendwie nicht der Effekt, den ich gerne hätte.

Aber danke für die bisherige Hilfe. Vielleicht findet ja jemand eine Lösung .. Danke schonmal dafür.

/*Seite Menü*/  
.menu {  
	position:relative;  
	z-index:1000;  
	font-size:12px;  
	height:400px;  
	margin:-3px 0 0 0px; /* this page only */  
}  
  
  
/* remove all the bullets, borders and padding from the default list styling */  
.menu ul {  
padding:0;  
margin:0;  
list-style-type:none;  
width:148px;  
position:relative;  
border:1px solid #888;  
border-width:1px 0 0 1px;  
background:#ffffff;  
}  
  
.menu li {  
background:transparent;  
height:26px;  
}  
* html .menu li {margin-left:-16px; margin-left:0;}  
/* get rid of the table */  
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}  
  
/* style the links */  
.menu a, .menu a:visited {  
font-family:verdana, arial, sans-serif;  
display:block;  
text-decoration:none;  
height:25px;  
line-height:25px;  
width:148px;  
color:#000;  
text-indent:5px;  
border-bottom:1px solid #888;  
background:transparent;  
}  
/* style the link hover */  
* html .menu a:hover {color:#fff; background:#999;}  
  
.menu :hover > a {  
color:#fff;  
background:#64473a;  
}  
  
/* hide the sub levels and give them a positon absolute so that they take up no room */  
.menu ul ul {  
visibility:hidden;  
position:absolute;  
top:-1px;  
left:100px;  
}  
/* make the second level visible when hover on first level list OR link */  
.menu ul li:hover ul,  
.menu ul a:hover ul {  
visibility:visible;  
background:#ffffff;  
}  
/* keep the third level hidden when you hover on first level list OR link */  
.menu ul :hover ul ul{  
visibility:hidden;  
}  
/* keep the fourth level hidden when you hover on second level list OR link */  
.menu ul :hover ul :hover ul ul{  
visibility:hidden;  
}  
/* make the third level visible when you hover over second level list OR link */  
.menu ul :hover ul :hover ul{  
visibility:visible;  
background:#ffffff;  
}  
/* make the fourth level visible when you hover over third level list OR link */  
.menu ul :hover ul :hover ul :hover ul {  
visibility:visible;  
background:#ffffff;  
}  
  
  
.menu ul ul li a {width:149px; border-right:1px solid #888;}  
  
.menu ul.top2 {top:25px;}  
.menu ul.top3 {top:51px;}  
.menu ul.top4 {top:77px;}  
.menu ul.top5 {top:103px;}  
.menu ul.top6 {top:129px;}  
.menu ul.top7 {top:155px;}  
.menu ul.top8 {top:181px;}  
.menu ul.top9 {top:207px;}  
.menu ul.top10 {top:233px;}  
.menu ul.top11 {top:275px;}  
.menu ul.top12 {top:301px;}  
	  
.bildmenue {  
	width: 148;  
	height: 50;  
}