[css] rozjeżdzająca się strona przy małej rozdzielczości ekranu

[nitroduxe]

Witam wszystkich.

Mam problem związany z wyświetlaniem się strony przy małej rozdzielczości - obecnie sprawdzam w 1024x768 ale także przy mniejszych się też rozwala.

CSS uczę się dopiero od niedawna. Stronę mam podzieloną na kilka sekcji DIV (calosc a w niej naglowek, menu , glowna-lewo,tresc, glowna prawo, stopka) dodatkowo naglowek mam podzielony na (naglowek-lewy, naglowek-srodek i naglowek-prawy)

Problem najbardziej widać przy rozwalającym się nagłówku
w Divie lewym i prawym mam małe obrazki o szerokości 13px, natomiast nagłowek środek mam szerokości 887px.

Kod:

#NAGLOWEK-LEWY{
    position: absolute;
    margin-left: 150px;
    width: 13px;
    height: 180px;
    background-image: url('index_files/gora_tlo_lewo.png');
    float:left;
}

#NAGLOWEK-SRODEK {
    position: relative; left: 163px;
    height: 180px;
    width: 887px;
    background-image: url('index_files/logo_anim2.gif');
    float: left;    
}

#NAGLOWEK-PRAWY{    
    position:relative; left: 162px;    
    background-image: url('index_files/gora_tlo_prawo.png');
    height:180px;
    width:13px;
    float: left;
    
}

Bardzo proszę o pomoc, ponieważ trochę się już z tym męczę i nie bardzo wiem, gdzie leży problem. Zależy mi na tym aby pozostawić tam te 3 divy i nie chcę kombinować z 1.

Pozdrawiam