Firefox interpretiert CSS-Style micht vollständig

[Gunnar Bittersmann]

Hi Marcel,

Ich habs jetzt mal so gemacht:
<ul>
<li class="menu"><a class="menu" href="javascript:musik()">Musik!</a></li>

Warum? Du hast den letzten Teil meiner Antwort gelesen?

Gib dem ul eine id (z.B. Menu) und selektiere die Nachfahren:

#Menu li { /* … */ }  
#Menu li a { /* … */ }

Eine Klasse menu ist nicht erforderlich.

<li><div style="background:#efefef; width: 100px;height:16;"> </div></li>

Die Höhenangabe ist fehlerhaft.

<li><div style="background:#efefef; width: 90px;height:16;"> </div></li>
<li><div style="background:#efefef; width: 70px;height:16;"> </div></li>
<li><div style="background:#efefef; width: 40px;height:16;"> </div></li>
<li><div style="background:#efefef; width: 10px;height:16;"> </div></li>

hr würde sich anstelle von div anbieten.

Ebenso gleiche Eigenschaften ins Stylesheet zu schreiben:

#Menu br {background:#efefef; width: 10px;height:16px}

Aber am sinnvollsten erscheint mir, die Verzierung als (Hintergrund-)Bild zu realisieren.

Gruß,
Gunnar