CSS Проблем с borders & floating

[bgvisit]

Здравейте, имам нужда от малко помощ с един layot. Целта е във div със border да влязат много други div елементи, които да са подравнени вляво и да се пренасят на следващият ред. В същото време основният div (с бордера) да се разпъва на височина според броя редове на вмъкнатите divs

примерен код:

<div id="testbox" style="width:300px;min-height:150px;border: 1px solid #ddd; padding: 10px 10px 10px 10px">
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
	<div style="width:100px;height:100px;float:left;border:1px solid red"></div>
</div>

При този код обаче рамката на основният DIV остава на място а не обгражда съдържанието


С IE незнайно защо когато е на localhost се постига ефекта. С FF или с IE ако не е localhost ефекта е че бордера не се мести (прикачената снимка)

Благодаря предварително!

 

[jindo]

За: CSS Проблем с borders & floating

За: CSS Проблем с borders & floating

<style>
#testbox { width:300px; min-height:150px; border:1px solid #DDD; padding:10px; }
#testbox div { width:100px; height:100px; float:left; border:1px solid red; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
</style>

<div id="testbox" class="clearfix">
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
</div>

 

[bgvisit]

За: CSS Проблем с borders & floating

За: CSS Проблем с borders & floating

Много благодаря!