ciao a tutti,
sto impostando la mia prima pagina web! non senza difficoltà...a dire il vero, ma con tanto impegno!

dunque il mio problema, se così possiamo chiamarlo, è questo:
ho impostato una pagina semplice, con header, corpo centrale e footer.
nel corpo centrale, chiamato container2, vorrei far venire in primo piano un altro contenitore, quello chiamato contenuti, dove inserirò le immagini. Questo contenitore avrà fondo bianco e vorrei che avesse un margine top e un margine left rispetto al sottostante container 2...
Il fatto è che non riesco a farlo venire fuori...cosa ho sbagliato secondo voi?

grazie a tutti!


<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>gif idea- grafica fotografia e illustrazione</title>

<link rel=”foglio_stile”type=”text/css” href=”home12.css”/>

</head>

<body>
<div id=”container1”>
<div id=”header”>
<div id=”logoheader”><img src¬=”loghetto-header.gif” hspace:”10”;>
</div>
</div> <!—chiusura header→
<div id=”container2”>
<div id=”contenuti”>
</div> <!—chiusura contenuti→
</div> <!—chiusura container2→
<div id=”footer”>
</div> <!—chiusura footer→
</div>

</body>


Html,Body {margin:0;padding:0;}
Body{font-family: arial,sans serif; font-size: 11px;}

div#container1{position: relative; width:760px; height: 600px; margin: 0 auto;}


div#header{background-color:#CCCCFF; width: 760px; height:100px;}

div#logoheader{position: absolute; left:20px; top: 9px; width:129px; height:80px;}

div#contenuti{position: absolute; z-index:2; top: 127px; left: 27px; width:586px; height: 406; background-color:white;}


div#container2{z-index:1; background-color:#003366; width:760px; height: 459px;}


Div#footer{
width: 760px; height: 40px; margin: 0 auto; background-color:#FF33CC; color:#FFFFFF; margin: 0 auto;}