DIV mit ID und CLASS - Class wird nicht erkannt

[rainmaker]

Hallo

Kleines Problem:
Ich habe ein DIV und setze das DIV zwei Mal ein.
Einmal mit Hintergrundbild A auf HTML-Seite 1,
dann mit Hintergrundbild B auf HTML-Seite 2.

Mein Problem ist nun, dass auch auf Seite 2 das Bild A angezeigt wird.
Scheinbar werden die zugewiesenen Class-Attribute einfach ignoriert.

HTML von Seite 1:
<div id="box3er1">
<h1>Überschrift auf Seite 1</h1>
<p>Ein Textabsatz.</p>
<p>Und noch ein Textabsatz.</p>
</div>

CSS (externe Datei):
div#box3er1 {
width:340px;
height:260px;
float:left;
clear:left;
display:inline-block;
background:#fff url(../img/bc_box3er1.png);
}

Auf der zweiten HTML-Seite wird diese Box wieder verwendet.
Jetzt aber mit einem anderen Bildhintergrund.
Deshalb bekommt die Box eine Klasse zugewiesen.
Trotzdem wird wieder die Bilddatei "bc_box3er1.png" angezeigt.

HTML von Seite 2:
<div id="box3er1" class="box3er1in">
<h1>Überschrift auf Seite 2</h1>
<p>Textabsatz eins.</p>
<p>Textabsatz zwei.</p>
</div>

CSS (externe Datei):
div#box3er1 div.box3er1in {
background-color:#fff;
background-image:url(../img/bc_box3er1in.png);
}

- Der Pfad zur Grafikdatei ist richtig referenziert.
- DOCTYPE = HTML 4.01 strict

Ich finde den Fehler nicht. Vielleicht könnt ihr mir bitte mal auf die Sprünge helfen.

!!! Das Problem ist gelöst:
div#box3er1.box3er1in {
background-color:#fff;
background-image:url(../img/bc_box3er1in.png);
}

Jetzt funtioniert es, wie es sein soll.
Hätte ich eigentlich gleich drauf kommen können.

Danke.

[th2409]

Auch wenn's gelöst ist, noch ein Wort zum Grund: die id hat Vorrang vor der class. Wenn in der id Eigenschaften eingestellt werden (background-color...), kann ich sie nicht mehr per class-Anweisung ändern.