ho riscritto tutto e per bene, perchè mi stà facendo impazzire questa cosa : nei precedenti siti che ho fatto ha SEMPRE funzionato, non vedo perchè non debba andare ora.

CSS
codice:
html {height:101%;}
body {background:#FFCC33;}

div#prova1{background-color:#FFFFFF; width:980px; margin-left:auto; margin-right:auto; font-size:14px; border:1px solid #0000FF;}
div#prova2{float:left; width:980px; height:150px; margin-top:20px;}
HTML
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
	<head>
		<script type="text/javascript" src="./functions/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="./functions/myjs.js"></script>		

		<title>Calcio Amatori Bigolino Official Website</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link type="text/css" rel="stylesheet" href="./settings/style.css" title="Style" media="all" />	
	</head>
	
	<body>
		<div id="prova1">
			<div id="prova2">
				ciao
			</div>
		</div>
	</body>
</html>
io voglio che il div prova 2 ENTRI in prova 1, in modo da avere sia il primo "spazio" sopra (rappresentato da quel margin-top:20px) sia il div prova2 con il background di prova 1, cioè bianco (visto che è contenuto e in prova2 per default background ed è trasparente).

non capisco....