[CSS] Vererbungs-Problem / Abfolge klappt nicht

[lostIone]

Heyhey,
Ich bin gerade ziemlich am verzweifeln:
Mein Ziel ist es, mehrere Menüs in meinem Joomla-Template mit CSS unterschiedlich zu formatieren.
Um die einzelnen Menüs zu unterscheiden, kann ich den jeweiligen DIVs unterschiedliche Klassen zuweisen, habe jedoch keinen weiteren Einfluss auf die Klasse der Liste.
Hier der HTML-Aufbau:

[...]
<div class="headermenu">
     <ul class="menu">
          <li> [...]*</li>
          <li> [...]*</li>
          <li> [...]*</li>
     </ul>
</div>
[...]

Wie formatiere ich nun gezielt die Liste, ohne dass die Formatierung von den anderen Menüs übernommen wird?
Ich habe schon einiges ausprobiert, z.B. alle Formatierungen, die an .menu gehen sollen, einfach in .headermenu zu schreiben und zu hoffen, dass sie vererbt werden. Pustekuchen!
Also wollte ich es noch deutlicher machen, und die Eigentschaften direkt vererben:

.headermenu > .menu { }

Klappt auch nicht. Es rührt sich nichts am Menü!

Ich hatte gerade einen neuen Ansatz:
Wenn es mit der Vererbung schon nicht klappt, dann regel ich das halt über den Vorgänger:

div.headermenu + ul.menu {
     [...]
}

Wieder nichts!

Langsam bin ich wirklich mit meinem Latein am Ende!
Das einfachste wäre es wirklich, wenn ich jeder einzelnen Menü-Liste in Joomla eine unterschiedliche Klasse zuweisen könnte, doch das ist leider nicht drin (zumindest habe ich nicht dazu gefunden).

Habt ihr noch Ideen, wie man das Problem lösen könnte?

Juhu, habe mir gerade einige CSS-Beispiele hier im Forum angesehen und zur Lösung gekommen!

"headermenu" muss als ID und nicht als Klasse deklariert werden (kann in einer custom module chrome erledigt werden -> Link - Dort "echo '<div id="' .$background .'">';" schreiben)!

Jetzt kann ich die einzelnen Punkte z.B. über

#headermenu ul.menu{
     [...]
}

ansprechen!

Hoffe, das hilft irgendwem anders weiter!