Salve nuovamente a tutti

spero questa volta di riuscire ad ottenere aiuto da parte vostra

la domanda è unica e secca: come si fa con un div annidato all'interno di un altro a fare in modo che quando il primo si ingrandisce anche quello che lo contiene si ingrandisca di conseguenza? insomma come per le tabelle

Attualmente invece non capisco perchè ognuno resta "per i fatti suoi" anche se sono annidati

evidentemente sto sbagliando qualcosa ma non capisco cosa


Ecco il codice della pagina

codice:
<body>

...	

<div id="main">
	<div id="news">		
	</div>
</div>

</body>
</html>

Ed ecco il CSS

codice:
body {
background-image: url(../images/bg_darkgreen.gif);
background-repeat: repeat;
background-color: #9BD094;

}

a:link {
color: #CC3333;

}

a:visited {
color: #990033;

}

div#main {
background-image: url(../images/bg_lightgreen.gif);
background-repeat: repeat;
background-color: #EFFEED;
border: 1px solid #006600;
position: absolute;
width: 80%;
left: 10%;
right: 10%;
top: 195px;
bottom: 30px;

}

div#news {
position: absolute;
left: 50px;
top: 20px;
right: 70px;
bottom: 400px;
border: 1px solid #CC3300;


}