La versió 2.0.0.8 del navegador Firefox ha sortit amb, com a mínim, 5 bugs grossos.

El bug 400406 fa que una caixa flotant amb pare flotant i un marge negatiu esquerra o dret superior o igual a l'amplada de la caixa no es vegi afectat pels clear posteriors ni quedi contingut pel pare flotant.

Si en comptes d'un pare flotant és un pare amb un overflow: hidden (o auto) el bug es presenta d'una manera diferent però actua.

És a dir, donat un HTML tal que:

<div id="contenidor">
   <div id="caixa1">Lorem Ipsum...</div>
   <div id="caixa2">Lorem Ipsum...</div>
</div>

I se li aplica un CSS tal que:

#container {
   float:left;
   width: 600px;
   background: #999;
   color: #fff;
}
#caixa1 {
   float: left;
   width: 200px;
   margin-right: -300px;
   background: #666;
   color: #fff;
}
#caixa2 {
   clear:both;
}

“caixa1” no quedarà contingut per “container” i alhora passarà per sobre de “caixa2” trepitjant caixa i text tot i la propietat clear.

Si “container” en comptes de tenir un float: left té un overflow: hidden el resulta serà que “container” agafarà l'alçada del contingut que tingui obviant “caixa1” i actuant com un overflow: hidden per “caixa1” tot i no tenir una alçada determinada.

Un cas real: Dizque.

Un test sencer: Firefox 2.0.0.8: Float Containing/Clearing Bug.