[css] rozjazd grafiki przy korzystaniu z div'ów

[imperiusz]

Już wkrótce nowa seria problemów

Tak jak obiecałem.
Obecnie problem wygląda tak:

http://img294.imageshack.us/img294/7223/41830530.jpg

Wszystko było pięknie i pasowało do siebie, przylegało i ogólnie tak jak być powinno - było.
Natomiast po dopisaniu do css:

Kod:

h1 {
                color: rgb(252,255,0);
                font-size: 20px;
                font-weight: 800;
}

Nastąpiło powyższe wykrzaczenie. Znów jednak IE pokazuje że jest dobrze. Natomiast FF krzaczy. Wina ewidentnie musi stać po stronie h1, ale jak....

Kod CSS odpowiadający za "wykrzaczoną" tabelkę:

Kod:

/* DUZA LEWA RAMKA */
#duzal {
                width: 542px;
                margin: 0px;
                padding: 6px 0 6px 50px;
/*                 border: 1px solid red;  */
}

#duzalgora {
                background: url(duza_pasek_gora.jpg) no-repeat;
                width:542px;
                height: 6px;
                margin: 0px;
                padding: 0px;
/*                 border: 1px solid blue; */
}

#duzalsrodek {
                width: 530px;
                margin: 0px;
                padding-left: 6px;
                padding-right: 6px;
                background: rgb(30,58,17);
/*                  border: 1px solid; */
}

#duzaldol {
                background: url(duza_pasek_dol.jpg) no-repeat;
                width:542px;
                height: 6px;
/*                  border: 1px solid brown; */
}

Jeżeli w xhtml nie użyje h1 wszystko gra.

Oczywiście na początku sam próbuje rozwiązać problem. Jak zajmuje mi więcej niż pół h to się zgłaszam do Was. Razem uczy się lepiej i szybciej .
Pozdrawiam