Firefox a definice CSS

[Martin Edlman]

Zdravím,
	omlouvam se za mirny offtopic, ale verim, ze tu najdu odpoved. Mám 
dotaz na zkušené webmastery s dobrou znalostí CSS. Mam nasledujici HTML 
a CSS.
	Ocekavam, ze dle definice CSS 2.1 
(http://www.w3.org/TR/CSS21/selector.html#class-html) se zobrazi titulek 
tucne s  odrazkou vlevo bez zmeny barvy pozadi a textu. Bohuzel se to 
zobrazi s oranzovym pozadim a cervenym textem.
	Pokud dobre rozumim definici CSS, tak ma "div.blok.oranzovy h2,h3" 
prijit ke slovu pouze tehdy je-li v HTML <h2> nebo <h3> vnoreno kdesi v 
<div class="blok oranzovy"> a ne v tomto pripade. Zkousel jsem v CSS i 
"div.blok.oranzovy > h2,h3", ale bez efektu.
	Pokud z CSS vyhodim "oranzove" definice, prijdou ke slovu predchozi 
"modre" definice a je to taky blbe. Kdyz vyhodim i tyto, je to dobre.
	Delam chybu ja a mam to CSS zapsany blbe nebo je to chyba Firefoxu? Umi 
Firefox CSS 2.1 v plnym rozsahu? O IE nemluvim, tam to vypada taky blbe 
a jeste hur, ale o tom az jindy.
	

M.Edlman

HTML

<div class="aktualne">
  <h2>titulek</h2>
  <p>text text text ....</p>
</div>

a CSS

h2 {
   font-weight: bold;
   background-image: url('odrazka.png');
   background-repeat: no-repeat;
   background-position: 3px 3px;
   padding-left: 17px;
   margin: 0px;
   color: #004C90;
   font-size: 12px;
}
div.aktualne {}
div.aktualne p {
   margin: 0px;
   padding: 0em 1em 1em 2em;
}
div.blok {
   margin-top: 1.5em;
   color: black;
}
div.blok p {
   margin: 0px;
   padding: 0.5em;
}
div.blok.modry {
   background-color: #E9F1F9;
}
div.blok.modry h2,h3 {
   background-color: #B7D0EA;
   color: green;
}
div.blok.oranzovy {
   background-color: orange;
}
div.blok.oranzovy h2,h3 {
   background-color: orange;
   color: red;
}