scusate se il mio post faceva schifo, ora lo rispiego con del codice semplificato:
<body>
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="content"></div>
</div>
</body>

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #534242;
background: #246a27;
text-align: center;
}

#header {
height: 100px;
background: url(imgs/header.jpg) no-repeat;
}

#container {
width: 772px;
margin: 0px auto;
text-align: left;
}

#menu {
float: left;
width: 150px;
}

#content {
padding: 7px;
background-color: #b1c9b2;
margin-left: 150px;
}



il body ha un colore di sfondo, sopra si posizionano menu e content coi loro colori di sfondo. Il menu è "fisso" nel senso che è già tutto determinato e il suo sfondo lo copre tutto ed è a posto. Il colore di sfondo del content invece, visto che il contenuto cambia da pagina a pagina, non si estende lungo tutto il contenuto se è composto da immagini. Chiaro? Cioè se metto del testo che lo fa diventare alto 500 px lo sfondo sta sotto tutto il testo ed è ok; se ad esempio in fondo inserisco dopo il testo (contenuto in tag

</p>) delle <img>, lo sfondo non si estende anche sotto le foto...

per ovviare al problema devo mettere l'altezza del content fissa, ma per le pagine che hanno un contenuto troppo corto non va bene! e non mi va di usare uno stile per quelle lunghe con le immagini e uno in automatico per quelle solo testo...

Grazie!