Ciao a tutti, mi sto avvicinando solo ora alla creazione di siti in table-less ma ho subito un problema che non riesco proprio a capire: non riesco a far visualizzare un'immagine come sfondo di un div.

ecco il codice:

codice:
<style>
@import url(styles/style.css);
</style>
<title>Documento senza titolo</title>
</head>
<body>
<div id="container">
  <div id="header"></div>
</div>
</body>
e questo è il css:
codice:
body{
    text-align: center;
	background-color: #3a2f2b;
	margin: 0px auto;
    }

div#container{
    width: 760px;
    margin: 0px auto;
    text-align: left;
}

div#header{
	position:absolute;
	top: 0px;
	left: auto;
	width: 760px;
	height: 100px;
	background-image: url(img/top.jpg);
	background-repeat: no-repeat;
}
non riesco proprio a capire dove sbaglio
non mi si vede quella benedetta immagine (il percorso è corretto)...se provo a metterci solo un colore come sfondo...il colore si vede correttamente, ma l'immagine no