✔ [IE] Formatierung greift allg und nicht nur verschachtelt

[dsturm]

Hi,

ich habe gerade folgendes Problem:

Ich habe bisher zwei divs, ein Bereich für die Navi, und einen für den Content. Beide haben jeweils einen Bereich für eine Überschrift, welche noch per <h2> Tag formatiert werden.

<div id="navi_category">
<div class="navi header"><h2><a href="#">Kategorie 1</a></h2></div>
<ul class="navi body">
<li class="wb"><a href="#">Punkt 1</a></li>
<li class="wb"><a href="#">Punkt 2</a></li>
<li class="wb"><a href="#">Punkt 3</a></li>
</ul>
...
</div>
...
...
<div id="content">
<div class="content header"><h2>Überschrift</h2></div>
...
</div>

Nun habe ich diese <h2>-Tags so formatiert, das sie auf die div-Klassen darüber spezifiziert sind.

Vereinfacht:

div.navi.header h2 { background-color: #5F32AB; }
div.content.header h2 { background-color: #CC3366; }

Im FF funktioniert das ganze auch, nur im IE übernimmt er die letzte Formatierung für jegliche <h2> und setzt überall die Hintergrundfarbe.

Sieht jemand einen Fehler? Wenn ich die ID des DArüber liegenden divs davor setze gehts. Ist es sonst nicht eindeutig?

 

[Maik]

Entweder lässt du die Klasse .header in den Selektoren weg, oder du erweiterst die Selektoren um die ID des Elternelements.