Rols: Kombination ID und Klasse - Verständnisproblem

Beitrag lesen

Ich grüße Euch,

mein kleines Problem habe ich zwar schon SELF gelöst, aber, wie ich meine, nicht sehr elegant.

Ich habe ein Menü, das in ähnlicher, aber nicht gleicher Weise auf mehreren Seiten (natürlich nur jeweils einmal) verwendet wird. Das betreffende HTML-Element (<ul>) hat immer die ID "menu".

Die Grundformatierung geschieht zentral durch:
#menu { /* Formate */ }

Für die individuelle Feinformatierung, die von Seite zu Seite wechseln kann, möchte ich Klassen verwenden, so daß im HTML steht:

<ul #ID="menu" class="aussehen1">

oder auf einer anderen Seite

<ul #ID="menu" class="aussehen2">

Solange ich diese Klassen global definiere:
.aussehen1 {}
.aussehen2 {}

klappt alles prima, aber das kann ja nicht Sinn der Sache sein, diese Formatierungen soll es nur im Kontext eines <ul>-Elements mit der ID "menu" geben.

Also habe ich notiert:

#menu.aussehen1 {}
#menu.aussehen2 {}

was valide ist. Ist es auch richtig?

Firefox und Opera stellen alles wie gewünscht da. Der Internetexplorer 6 akzeptiert aber anscheinend nur _eine_ Klasse zu einer ID, nämlich die, die als erstes notiert wurde!

Any idea?

Danke schonmal