Doppelt geschachtelte Hyperlinks und CSS

[Michael H]

Hi Leute,

ich beiß mir jetzt schon länger an einem Problem die Zähne aus und nach dem lesen von x Webseiten komem ich auf Knien zu euch.

Das Problem: Ich hätte gerne ein Menu, das absolut positioniert bei top:30px und left:10px steht. Soweit kein problem.

Darin befinden sich mehrere Links, alle mit display:block und einem netten Hintergrund.

Jetzt will ich aber zu jedem Menupunkt ein Submenu schreiben (mit Unterpunkten). Diese Submenus sollen aber nur angezeigt werden, wenn ich mit der Maus über den Menupunkt gehe.

Also habe ich sowas geschrieben:

<a href="..." class="menu">
  Link1
  <a href="..." class="submenu">Sublink1</a>
  <a href="..." class="submenu">Sublink2</a>
</a>

und habe im Stylesheet:

a.menu a.submenu
{ display:none; }

a.menu:hover a.submenu
{ display:block; }

Aber die Sch.... will und will ncith funktionieren. Sämtliche Versuche, das Zeugs in DIVs, Ps und sonstwas einzuschließen schlugen fehl, wenn ich z.B. sowas habe:

<a href="a" class="menulink">
  Menulink
  <div class="submenu1"><a href="bc">bbb</a></div>
</a>

Zeigt er mir den Link sogar doppelt an!
Die Frage ist: Kann man das, was ich vorhabe überhaupt mit CSS machen? Wenn ja: Wo liegt mein Fehler?

Help,
   Michael