Martin Ficzel: css float und die auflösung in IE und Moz

Beitrag lesen

ich habe ein problem mit dem verhalten von float in mozilla browsern
wenn ich ein float:left innerhalb eines umrahmten bereiches benutze.

die struktur sieht aus wie folgt:

<div style="border:1px solid black; width:100px; clear:both;">
  <div style="width:50px;height:50px; background-color:red; float:left;">
    foo
  </div>
  bar
</div>

der explorer und opera ziehen den umgebenden border mit auf, während mozilla und konqueror den rahmen lediglich bis zur unteren grenze des textes aufziehen. das sieht superblös aus sobald mal etwas weniger text zu sehen ist.

um das nachzuvollziehen bitte mal die url im firefox und ie ansehen dann ist klar was ich meine.

FRAGE: gibt es dafür eine lösung über css ... und welcher der browser verhält sch hier eigentlich standardkonform