[CSS][HTML] Blokowanie podczas powiększania w przeglądarce Opcje

[pjamorski]

Mam sobie mój szablon, użyłem CSS i pudełek DIV'ów. Jak mogę zrobić, żeby podczas powiększania lub zmniejszania rozmiaru w przeglądarce zablokować nakładanie się na siebie właśnie tych pudełek. Żeby wszystko ładnie było rozmieszczone tylko czcionki się powiększały itd.

dzięki

[pjamorski]

proszę chodzi mi o to żeby te background-image mi się nie zmieniały, żeby były całkowicie statyczne.

[HTML] pobierz, plaintext 
body 
{ 
	width: 100%; 
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
	border: 0px;
	font-family: sans-serif; 
	background-color:#999900;
	/*
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
	*/
	font-size: 10px; 
	line-height: 15px; 
}
 
#main_page
{
	 position: absolute;
         top: 15%;
         left: 15%;
         width: 70%;
         height: 80%;
         background:  #ffff99;
	 border: 2px solid #D4E6F4;
	 background-image:  url('center.jpg');
	 opacity:0.6;
 
}
 #header
 {
	 top:0%;
	 left:15%;
	 width:70%;
	 height:15%;
	 position:absolute;
	 border: 2px solid #D4E6F4;
	 display: block;
   	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-position:center; 
	 background: #ffff99;
	 background-image:  url('title.jpg');
	 opacity:0.6;
}
 #fotter
 {
	position:absolute;
	 top:95%;
	 left:15%;
	 width:70%;
	 height:10%;;
	 background: #ffff99;
	 border: 2px solid #D4E6F4;
	 background-image:  url('title.jpg');
	 opacity:0.6;
	 text-align:
[HTML] pobierz, plaintext 

center;
color:black;
}