Quando il div content si sovrappone al footer

[Sandrik]

Ciao a tutti, ho una pagina con tre div: HEADER, CONTENT, e FOOTER tutti inclusi in un quarto div CONTAINER.
la pagina la potete vedere a questo indirizzo, ed è una semplice pagina di prova: pagina di prova

Se tolgo il Doctype, IE 7 la visualizza correttamente mentre Firefox no.
Se inserisco il Doctype si sconfigura tutto su entrambi i browser. Vorrei che il div CONTENT si allungasse in verticale duplicando l'immagine di sfondo ad esso associata, spingendo contemporaneamente in basso il FOOTER.

Suppongo debba modificare qualcosa nel file css ma COSA ????


.header {
background-image: url(../scheda/images/header.jpg);
height: 197px;
width: 982px;
}
.content {
background-image: url(../scheda/images/content.jpg);
height: 53px;
width: 982px;
background-repeat: repeat-y;
text-align: center;
}
.footer {
background-image: url(../scheda/images/footer.jpg);
height: 88px;
width: 982px;
}

Ciao

[mucu]

Vorrei che il div CONTENT si allungasse in verticale

basta che togli height 53px

[Sandrik]

Fatto !!! ora è ok ma Firefox mi lascia uno spazio bianco di alcuni pixel tra i DIV come mai ??

[Myaku]

Originariamente inviato da Sandrik
Fatto !!! ora è ok ma Firefox mi lascia uno spazio bianco di alcuni pixel tra i DIV come mai ??

azzera margini e padding

Cyà

[Sandrik]

Ho provato a seguire il consiglio modificando il DIV container in questo modo ma il problema in Firefox è ancora presente.

.container {
width: 982px;
margin: 0 auto;
padding:0;
text-align: left;
position: relative;

}