Transparentes Menü

[Daniel M.]

Hallo zusammen,

ich habe folgendes Menü in HTML erstellt

  
<ul class="menu">  
 <li onmouseover="show(this)" onmouseout="hide(this)"><a href="startseite/"  onfocus="blurLink(this);"  class="active">Startseite</a></li>  
</ul>  

Das ganze wird dann mehrfach verschachtelt bis das Menü voll erstellt ist. Die Anzeige klappt soweit auch ganz gut, nur wird im Internet Explorer egal welche Version beim Mouseover ab dem zweiten Level nicht mehr die gewünschte Hintergrundgrafik angezeigt, bzw. der transparenz effekt der ohne mouseover vorhanden ist, legt sich einfach darüber und verfälscht so das Bild bzw. die Farbe.

Hat jemand Ideen?

Hier noch der CSS-Code:

  
ul.menu a {  
		display: block;  
		padding-left:20px;  
		margin-top:0px;  
		padding-top:5px;  
		border-top:1px solid #FFF;  
		height:18px;  
		width:203px;  
		font-family: Verdana, Tahoma, sans-serif;  
		font-size:12px;  
		font-weight:bold;  
		text-decoration:none;  
    color:#fff;  
    background-image:url('./images/bg_li1.png');  
}  
  
ul.menu a:hover {           color:#eb6909;    background-color:#ffffff; cursor:pointer;}  
ul.menu ul a {              color:#fff;       background-image:url('./images/bg_li3.png');}  
ul.menu ul a:hover {        color:#eb6909;    background-image:url('./images/bg_li2.jpg');}  
ul.menu ul ul a {           color:#ccc;       background-image:url('./images/bg_li4.png');}  

Gruß,
Daniel

[Maxx]

Hallo Daniel

Das ganze wird dann mehrfach verschachtelt bis das Menü voll erstellt ist.

kannst du diese Verschachtelung bitte mal zeigen?
Ich vermute, dass hier der Fehler liegt. Hast du das Menü validiert?

Eine valide Verschachtelung sieht so aus:

<ul>  
  <li>Start</li>  
  <li>  
    <ul>  
      <li>...</li>  
    </ul>  
  </li>  
</ul>

HTH

Jochen