[html/css] problem z ustawieniem divów Opcje

[bluesqad]

Witajcie,
mam w stylach taki kod:

[HTML] pobierz, plaintext 
div#all {
    width : auto;
    height : auto;
    background-color : #000000;
    border : 0px;
    margin : 0 0 0 0;
    text-align : center;
    color : white;
}
 
div#top {
    width : auto;
    height : 224px;
    border : 0px;
    margin : auto 0 auto 0;
    text-align : center;
    color : white;
}
 
div#top1 {
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
 
div#top2 {
    width : 790px;
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
 
div#top3 {
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
[HTML] pobierz, plaintext 

i na stronie www pokazuje się to w taki oto sposob: http://studioproste.pl/fotografiaslubna/
Jak ustawić w stylach zeby było to wszystko na jednym poziomie?
Środkowa część musi mieć stałą szerokość a lewa i prawa powinny dostosowywać się do różnych rozdzielczości żeby 'zapychać' przestrzeń kolorem.

Z góry dziękI za pomoc
Romek