Ciao a tutti ^^
Probabilmente sono diventato stupido , ma ho ri iniziato ad utilizzare il css dopo molto tempo che non lo facevo e stavo facendo delle prove sulle proprietà. Ricordavo che funzionasse , ed invece.

A questo Link trovare il mio problema.
http://www.nobgdr.altervista.org/css.html


Problema che è il seguente :
Perchè quando cerco di posizionare il quadrato rosso dando un margine dall'alto rispetto all'imaggine e NON rispetto all'intera pagina , non funziona ?

Il codice html è
codice:
codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<link rel="stylesheet" href="cssprova.css" type="text/css" />
</head>
<body>
	<div id="contenuto">
		<div id="main"> 
			<div id="submain">
			Prova
				<div id="menu">
				</div>
				<div id="content">
					<div id="upcont">
						<div id="leftupcont"></div>
						<div id="rightupcont"></div>
					</div>
					<div id="downcont">
						<div id="leftdowncont"></div>
						<div id="rightdowncont"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
Mentre il css
codice:
codice:
body {
	background-color:#cec5b4;
	}
	
	
#contenuto {
	background:blue;
	}
	
#main {
	width:801px;
	height:737px;
	margin:auto;
	background:url('Loginsplit/1level.png');
	position:relative;
	}
	
#submain {
	width:672px;
	height:473px;
	background:red;
	position:relative;
	margin: 20px 0px 0px 0px;
	}