Devo realizzare una cosa come quella in figura. Lo scopo , usando il codice che vi posterò, sembra raggiunto. In genere però, nell'ultimo float, che in questo caso corrisponde a .sx5, inserisco un clear. Se lo metto mi sfasa tutto il layout

il codice del css è il seguente

codice:
	.sx1
				{
				position:relative;
				width:105px;
				height:105px;
				border:2px solid #6699FF;
				}
				.sx2
				{
				position:relative;
				float:right;
				width:30px;
				height:105px;
				border:2px solid #FF0033;
				}
				.sx3
				{
				position:relative;
				float:right;
				width:105px;
				height:105px;
				border:2px solid #FFFF00;
				}
				.sx4
				{
				position:relative;
				float:right;
				width:105px;
				height:105px;
				border:2px solid #FF0000;
				}
				.sx5
				{
				position:relative;
				float:right;
				width:105px;
				height:105px;
				border:2px solid #00FF00;
				}
quello della pagina

codice:
<div class='sx_alto'>
		
		<div class='sx2'>
		</div>
		<div class='sx3'>
		</div>
		<div class='sx4'>
		</div>
		<div class='sx5'>
		</div>
		<div class='sx1'>
		</div>
	</div>
div sx alto è il contenitore di sx1 etc.....