Problémy s velikostí divu – Standardy W3C, validita a doctype – Fórum – Programujte.com

Dobrý večer všem, snažím se vystylyzovat pár divů a skoro všechno vypadá jak má. Problém v kódu pod tímto textem je, že ve FF je výška větší než má být nehledě na to jakou výšku nastavím v classu ".sirka". Nevíte jak udělat aby byla výška stejná ve všech prohlížečích?

.sirka { 

width: 450px; 

height: 122px; 

} 



.bg { 

float: left; 

padding: 10px; 

background-color: #000000; 

border: 1px solid red; 

} 



.text { 

padding: 8px 0px 8px 12px; 

} 



.lefttext { 

float: left; 

} 



.righttext { 

float: right; 

} 



.all { 

width: 100%; 

} 



.bg2 { 

float: left; 

} 





<div class="sirka"> 

<div class="bg"> 

<div>text text text text text text text text text</div> 

<div class="text">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div> 

<div class="all"><div class="bg2"><div class="lefttext">text text text</div><div class="righttext">text text</div></div></div></div> 

</div> 

</div> 

Podminene formatovani CSS

prosím o vysvětlení

Každému prohlížeči (těm nejdůležitějším) předhodíš stylopis upravený podle jeho konvencí a návyků.