struttura DIV realizzata con float: left che si spezza

[asevenx]

Salve, ho realizzato il layout del sito con i div utilizzando la proprietà float. La struttura è la seguente (semplificando):

	<div id="container-top">
    	<div class="space1"></div>
        <div class="a1"></div>
        <div class="a2"></div>
        <div class="a3"></div>
        <div class="space1"></div>  
    </div>

#container-top {
	clear:both;
}

.space1, .a1, .a2, .a3, .link {
	float:left;
}

.space1 {
	width:40px;
	height:20px;	
}

.a1 {
	background-image:url(a/a1.png);
	width:50px;
	height:20px;	
}

.a2 {
	background-image:url(a/a2.png);
	width:1100px;
	height:20px;	
}

.a3 {
	background-image:url(a/a3.png);
	width:50px;
	height:20px;	
}

L'idea era quella di avere i vari div tutti in linea, ma se aumento la risoluzione dello schermo questi si spezzano rompendo la struttura. Grazie a tutti

 

[asevenx]

nessuno può aiutarmi?

 

[Bedo]

...il problema si manifesta con qualsiasi browser?..

 

[asevenx]

scusate se rispondo a questo mio post dopo tanto tempo, ma avevo trovato un rimedio temporaneo al problema, ma ora vorrei risolverlo. Qualche aiuto? grazie

PS: si lo fa con tutti browser