Ciao a tutti e grazie a chi saprà aiutarmi.

Sto facendo un sito con un'immagine di sfondo fissa che si adatta alle dimensioni del browser e il container che in pratica scorre sopra lo sfondo del body.

Vorrei dare sfondo bianco al div container, ma posso farlo solo se do al container un'altezza fissa.
Nel momento in cui non specifico l'altezza del container per lasciarlo adattabile al contenuto, anche se ho impostato il suo sfondo bianco, esso scompare e vedo lo sfondo del body.

Come potrei risolvere lasciando però l'altezza senza un valore specifico?

Grazie a tutti.


Incollo sotto il codice della pagina intera, alla quale adesso ho lasciato altezza fissa per vedere lo sfondo del container bianco:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="stilehome.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!-- include jQuery library -->
<script type="text/javascript" src="jquery.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="jquery_cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.immagininuove').cycle({
fx: 'scrollHorz', // choose your transition type, ex: fade, scrollup, shuffle, etc...
speed: '500',
timeout: 0,
next: '#pulsantenext',
prev: '#pulsanteprev'
});
});
</script>
<!-- include jQuery library -->
<script type="text/javascript" src="jquery.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="jquery_cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.immaginiusate').cycle({
fx: 'scrollHorz', // choose your transition type, ex: fade, scrollup, shuffle, etc...
speed: '500',
timeout: 0,
next: '#pulsantenextautousate',
prev: '#pulsanteprevautousate'
});
});
</script>
</head>


<body onload="MM_preloadImages('Template per tutte le pagine/pulsante-Home-freccetta.png','Template per tutte le pagine/pulsante-Auto-nuove_giallo.jpg','Template per tutte le pagine/pulsante-Auto-usate_giallo.jpg','Template per tutte le pagine/pulsante-Polizze-auto_giallo.jpg','Template per tutte le pagine/pulsante-Contatti_giallo.jpg','Template per tutte le pagine/pulsante-Link-utili_giallo.jpg')">
<div id="container">
<div id="logoetestata"><img src="Template per tutte le pagine/logo-e-testata.jpg" width="1000" height="230" /></div>
<div id="barranavigazione">
<div id="spaziovuoto"><img src="Template per tutte le pagine/spazio-vuoto-barra-navigazione.jpg" width="220" height="55" /></div>
<div id="pulsantehome"><a href="homeflash.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','Template per tutte le pagine/pulsante-Home-freccetta.png',1)"><img src="Template per tutte le pagine/pulsante-Home-freccetta.png" width="105" height="63" id="Image2" /></a></div>
<div id="pulsanteautonuove"><a href="autonuove.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','Template per tutte le pagine/pulsante-Auto-nuove_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Auto-nuove_blu.jpg" width="140" height="55" id="Image3" /></a></div>
<div id="pulsanteautousate"><a href="autousate.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Template per tutte le pagine/pulsante-Auto-usate_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Auto-usate_blu.jpg" width="150" height="55" id="Image4" /></a></div>
<div id="pulsantepolizze"><a href="polizzeauto.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','Template per tutte le pagine/pulsante-Polizze-auto_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Polizze-auto_blu.jpg" width="140" height="55" id="Image5" /></a></div>
<div id="pulsantecontatti"><a href="contatti.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pulscontatti','','Templ ate per tutte le pagine/pulsante-Contatti_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Contatti_blu.jpg" width="130" height="55" id="pulscontatti" /></a></div>
<div id="pulsantelinkutili"><a href="linkutili.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pulslink','','Template per tutte le pagine/pulsante-Link-utili_giallo.jpg',1)"><img src="Template per tutte le pagine/pulsante-Link-utili_blu.jpg" width="115" height="55" id="pulslink" /></a></div>
</div>
<div id="inevidenza">
<div id="testoscorrevole">
<div id="contenutotestoscorrevole"><marquee width=255 height=130 direction="up" scrollAmount=2 OnMouseOver=this.stop() OnMouseOut=this.start() style="font-size: 12pt; color:#000; font-family: arial;" ><center><b>
<p>I SERVIZI OFFERTI DA<br /> <u><font color="#000066">PIEROTTI AUTO</font></u></p>
<p>&nbsp;</p>
<p>Possiblità di conto vendita</p>
<p>&nbsp;</p>
<p>Rottamazione gratuita</p>
<p>&nbsp;</p>
<p>Polizze assicurative per auto e moto direttamente in sede</p>
<p>&nbsp;</p>
<p>Per moto di cilindrata superiore a 150cc, possibilità di sospensione della polizza assicurativa nei mesi invernali</p>
<p>&nbsp;</p>
<p>Finanziamenti personalizzati</p>
<p>&nbsp;</p>
<p>Passaggi di proprietà in sede</p>
<p>&nbsp;</p>
<p>Autocarrozzeria convenzionata</p></b>
</center></marquee></div>
</div>
<div id="offertadelmese"></div>
<div id="finanziamenti"></div>
</div>
<div id="animazioneflashvideo">ANIMAZIONE FLASH VIDEO</div>
<div id="autonuove">
<div class="immagininuove"><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/audi a1_3 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/alfa romeo giulietta 3 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/bmw i3_1 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/ford fiesta 1 copia.jpg" width="322" height="242" /><img src="Pagina Home/Immagini Auto Nuove/immagini auto nuove piccole/ford ka 4 copia.jpg" width="322" height="242" /></div>
<div id="pulsanteprev"><img src="Pagina Home/pulsante-prev-auto nuove.png" width="29" height="29" /></div>
<div id="pulsantenext"><img src="Pagina Home/pulsante-next-auto nuove.png" width="29" height="29" /></div>
</div>
<div id="autousate">
<div class="immaginiusate"><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/peugeot 107_3 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/opel adam 1 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/renault clio 2 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/vw up 1 copia.jpg" width="322" height="242" /><img src="Pagina Home/immagini auto usate/immagini auto usate piccole/renault twingo 2 copia.jpg" width="322" height="242" /></div>
<div id="pulsanteprevautousate"><img src="Pagina Home/pulsante-prev-auto usate.png" width="29" height="29" /></div>
<div id="pulsantenextautousate"><img src="Pagina Home/pulsante-next-auto usate.png" width="29" height="29" /></div>
</div>
<div id="assicurazioni"></div>
<div id="footer"></div>
</div>
</body>
</html>