[HTML][CSS] Tło, background, www oparta na DIV Opcje

[suchy1]

Witam,

Mam sobie nastepujący kod:

[HTML] pobierz, plaintext 
<div id="site">
    <div id="mapContent">
        <h2>Tytuł</h2>
        <p>Zwykły tekst</p>
    </div>
</div>
[HTML] pobierz, plaintext 

Plik CSS:

[HTML] pobierz, plaintext 
#site {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 767px;
            height: auto;
            background: #C4C4AF;
}
#mapContent {
	width: auto;
    height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 25px 40px 0px 40px;
	text-decoration: none;
	font-family: Verdena, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #514c48;
    text-align: justify;
}
[HTML] pobierz, plaintext 

Przy obecnej konfiguracji #site w momencie jak ustawie wartośc height: auto. Nie bedzie tla. Wiec każdy DIV wewnatrz musze kolorowac z osobna np. #mapContent. Jak zrobic aby <div id="site"> dostosowywał wysokosc i jednoczenie miał tło np: #FFF. Nie ustawiajac tła pozostałym np. #mapContent.