Probleme mit z-index bei CSS-Popupmenü

[LaLinda]

Ich habe durch ne externe CSS-datei ein Popup-Menü formatiert:
Fun Color DRUCK - Wir bedrucken fast alles!

Allerdings werden die aufklappbaren Untermenüs von den Buttons & dem Text darunter überlappt. Hier ist das Stylesheet: http://www.pic-ture.de/funcolor/fun-color.html . Ich habe der UL-Klasse, die als Popup erscheint, schon einen höheren z-index verpasst, aber es geht trotzdem nicht.


danke schonmal!
Linda

 

[csstester]

also ich hab das für nen Kunden ähnlich gelöst.

<div class="menu">
    <ul>
        <li>
            <a class="hide" href="ausbilden_0.php">Ausbildung</a>
                <!--[if lte IE 6]>
                <a href="layouts/index.php">LAYOUTS
                <table><tr><td>
                <![endif]-->      
                    <ul>
                    <li><a href="ausbilden_ber.php">Berufe</a></li>
                    <li><a href="ausbilden_ausag.php">&quot;die guten Geister&quot;</a></li>
                    </ul>       
                <!--[if lte IE 6]>
                </td></tr></table>
                </a>
                <![endif]-->             </li>

.menu {
	font-family:arial, sans-serif; 
	width:156px; 
	height:150px; 
	position:relative; 
	margin:0;  
	margin:50px 0;
	font-size:0.8em;
	}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#0043cc; 
	width:156px;  
	text-align:center; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#e7f2ff; 
	line-height:16px; 
	margin-left:15px;
	font-size:0.9em;
	}
.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
	}
.menu ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
	}
.menu ul li ul {
	display: none;
	}
.menu ul li:hover a {
	color:#0043cc; 
	background:#cfffd9;
	}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0; left:157px;
	width:105px;
	 }
.menu ul li:hover ul li a {
	display:block; 
	background:#e7f2ff; 
	color:#0043cc; 
	width:150px;
	}
.menu ul li:hover ul li a:hover {
	background:#cfffd9; 
	color:#0043cc;
	}

du hast aber auch einen(zumindest) Fehler in deiner CSS statt li hast du il geschrieben

ul, il, a {

		display:block;

		margin:1px;

		padding:1px;

		border:0px;

		font-family:arial,tahoma,verdana,helvetica;

		font-size:17px;

		width:120px;

	}