CSS LAYOUT Problem im FF

[Anubia]

Servus,

ich habe ein Problem mit einem "CSS Layout", leider tritt dieser Fehler nur im FF auf.
Kann mir einer helfen diesen Fehler zu beseitigen?
Ich habe eine Skizze von dem Layout angehägt wie es eigentlich aussehen müsste und wie es im FF aussieht.

2 Div Elemente verschieben sich. Bzw. die beiden DIVs, die normaler weise von einem div umschlossen werden, werden von dem umschließenden DIV ausgegliedert. Warum?!

#content_box{

	width:700px;
	margin-top:0.5em;
	padding-bottom:0.5em;
	border:1px solid gray;
	color:#FFFFFF;
}

.portrait_text{
      float:left;
      width:300px;
}

.portrait_big{
      float:left;
	width:215px; 
	height:288px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:10px;
	margin-right:1em;
	overflow:hidden; 
	border:1px solid gray; 
	background-repeat:no-repeat; 
	background-position:center center;
}

 

[Maik]

Hi,

du hast in dem CSS-Modell vergessen, nach den eingerichteten Floatblöcken mittels der clear-Eigenschaft wieder den normalen Textfluß im Dokument herzustellen, was nicht nur im FF, sondern auch in den übrigen standardkonformen Browsern zu dieser Fehldarstellung führt.

Siehe hierzu meinen Artikel CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?, den ich im April diesen Jahres in den Webmaster-FAQ bereitgestellt habe, nachdem diese Fragestellung vermehrt im CSS-Forum aufgetaucht ist

mfg Maik