Ciao a tutti, ho un piccolo problema... questo è il mio layout:
codice:
<div id="contenitore" style="width:100%; height:100%; border: 1 solid red;">
	<div id="header" style="height:25%; clear:both; width:100%; border: 1 solid black;">
		

HEADER</p>
	</div>
	<div id="center" style="width:100%; border: 1 solid black;">
		<div id="left" style="width:10%; height:65%; float:left; border: 1 solid black;">
			

LEFT</p>
		</div>
		<div id="right" style="width:90%; height:65%; float:left; border: 1 solid black;">
			

RIGHT</p>
		</div>
	</div>
	<div id="footer" style="float:left; width:100%; height:10%; border: 1 solid black;">
		

FOOTER</p>
	</div>
</div>
Scusate se ci può essere qualche errore ma l'ho scritto in gran parte ora...

Insomma spiego l'errore che ho... il layout è perfetto però se ingrandisco tramite browser la pagina mi si sballa il layout...

Come posso correggere??