chyba ve vykreslování borderu

Dobrý den, trápím se už delší dobu s následujícím problémem a rád bych požádal o pomoc:

mám tři divy:

<div class="all">

  <div class="lefttext">Text</div><div class="righttext">text2</div>

</div>

a pro ně vytvořený styl:

.all {

width: 450px;

border: 1px solid red;

}



.lefttext {

float: left;

}



.righttext {

float: right;

}

jde mi o to, že se snažím dostat "text2" na pravou stranu rámečku o 450px, v IE se to zobrazí dobře, ale ve firefoxu nemám rámeček, ten se nevytvoří kolem textu, ale nad textem s výškou 2px, takže se vykreslí taková čára. Pomohl by mi někdo s mým problémem?

popravdě moc nechápu co si napsal, ale jestli myslíš "clear" tak jsem ho zkoušel, ale bez úspěchu

funguje, děkuju

bohužel vznikl jiný problém...:(

.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>

všechno je jak má, jen mi to zase ve FF zobrazuje celý rámeček vyšší nehledě na to jakou výšku nastavím.

dracek

paráda, funguje, můžu poprosit o vysvětlení?:-) proč to funguje?