Ciao a tutti sicuramente è un problema proprio semplice ma sarei curioso di capire dove sbaglio.

In pratica io ho un div contenitore con un'immagine di sfondo che si ripete... dentro questo div poi vorrei posizionare altri div... bene appena posiziono un div dentro al contenitore lo sfondo sparisce immagino perchè il secondo div gli stia sopra?
ecco il codice....

codice:
body {
	padding:0;
	margin:0;
	background-image:url(../images/global/bg-sfondo.gif);
	background-repeat:repeat;
}

#container {
	background-image:url(../images/global/bg-content.gif);
	background-repeat:repeat;
	margin:0 auto;
	width:1090px;
}

#container .top {
	width:940px;
	float:left;
	margin:0;
	padding:0 75px 0 75px;
}

h1.logo{
	font-family: Arial, sans-serif;
	font-size:36px;
	width:540px;
	float:left;
}
ed ecco il codice che "non funziona"

codice:
<div id="container">
    <div class="top">  
    	<h1 class="logo">Titolo</h1>   
    </div>
</div>
invece se metto così appare il logo

codice:
<div id="container">  
    <h1 class="logo">Get Hitched in Italy</h1>
</div>
come risolvere? grazie a tutti....