Здравствуйте! Крайне нуждаюсь в помощи по css

Помогите сделать сайт резиновый (чтобы при разных разрешениях был одинаковым). При разных разрешениях картинки и текст прыгают.

Привожу кусок примера:

КСС:

#blockup  { 
position : absolute; 
top : 514px; 
right : 8%; 
 } 

 #blockcenter  { 
position : absolute; 
top : 531px; 
right : 8%; 
z-index : 9; 
 } 

 #blockdown  { 
position : absolute; 
top : 1096px; 
right : 8%; 
z-index : 9; 
 } 

HTML:

<div id="blockup">
<img src="images/blockup.png" alt="Slideshow Image 2" />
</div>

<div id="blockcenter">
<img src="images/blockcenter.png" width="298" height="570" />
</div>

</div>
<div id="blockdown">
<img src="images/blockdown.png"  />
</div>

Заранее примногом благодарен

конечно в код особо не вникал, но суть такая что надо пользоватся margin:auto; и тады будет счастье Вам