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

[nitroduxe]

Kurde no nie wiem naprawdę nie wiem wywaliłem DIV Nagłówek i dalej mam ten górny obszar czyli naglowek-lewy , naglowek-srodek i naglowek-prawy przesuniete do lewej a calosc jest wysrodkowana.

wkleje caly kod css od tych elementów:

Kod:

#CALOSC{
    width: 0 auto;
    margin: 0 auto 0 auto;
}

#NAGLOWEK-LEWY{
    float:left;
    height:186px;
    width:13px;
}
#NAGLOWEK-SRODEK {    
    float:left;
    background-image: url('index_files/logo_anim2.gif');
    height:186px;
    width:900px;
}

#NAGLOWEK-PRAWY{    
    float:left;
    height:186px;
    width:13px;
}


#MENU {
    padding: 0px;
    background-image: url('index_files/menu_podklad.jpg');
    width: 913px;
    margin-left: 150px;
    height: 40px;
    float: left;
    background-color: #ccc;
    
}

#GLOWNA-LEWO {
    margin-top: 3px;
    padding: 3px;
    width: 180px;
    margin-top: 2px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;    
    float: left;
    background-image: url('index_files/tlo_box_prawy.jpg');
    
}
#TRESC {
    padding: 3px;
    margin-top: 2px;    
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    width: 540px;  
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background-color: #dcb848;
    
}

#GLOWNA-PRAWO {
    margin-top: 3px;
    padding: 3px;
    width: 175px;
    margin-top: 2px;
    overflow: hidden;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    float: left;
    background-image: url('index_files/tlo_box_lewy.jpg');

}

#kontener{
    overflow: hidden;
}

#MIDDIV2{
    clear: both;
}

#STOPKA {
    position: relative;    
    height: 40px;
    margin-left: 0px;
    margin-right: 00px;
    clear: both;
    background-image: url('index_files/dol_tlo.jpg');
}

i css do tego :

Kod:

    <div id="CALOSC">
    
    <div id="NAGLOWEK-LEWY"></div>
    <div id="NAGLOWEK-SRODEK"></div>
    <div id="NAGLOWEK-PRAWY"></div>
    
    <div id="MENU">
    
    <div id="kontener">
    
    <div id="GLOWNA-LEWO">
    </div>
    
    <div id="TRESC">
    </div>    
    
    <div id="GLOWNA-PRAWO">
    </div>
    
    <div id="MIDDIV2"></div>
    
    <div id="STOPKA">    
    </div>
    
    </div> // koniec kontenera
    </div> // koniec MENU
    </div> // koniec calosci

może gdzie indziej mam coś źle ?