Hintergrundbild von übergeordnetem DIV hinter dem untergeordneten DIV anzeigen

[daemonTutorials]

Hallo,
ich habe ein Problem bezüglich des Hintergrundbildes von #meta3 im folgenden Code.
Ich wollte #meta3 einen Hintergrund geben, nur das funktioniert nicht. In den untergeordneten DIV's wird dieser nicht angezeigt:

<div id="meta3">
<div class="meta-teaser">
<!-- Sitemap and co. -->
<a name="sitemap">Site Overview:</a>
<div id="sitemap">

</div>
</div> <!-- /.meta-teaser -->
<div class="meta-teaser">
<!-- Copyright -->
<p>Diese Seite ist © 2011 by DaemonTutorials.</p>
<p>Alle Inhalte auf dieser Seite mit Ausnahme von Bildern, Videos oder anderen Multimedia-Inhalten unterliegen
der Creative Commons BY-SA 3.0 DE</p>
<p>Theme © 2011 by DaemonTutorials</p>
</div> <!-- /.meta-teaser -->
<div class="meta-teaser last-footer-teaser">
<!-- Valid and Adverts -->
Published with Textpattern CMS
</div> <!-- /.meta-teaser -->
</div> <!-- /meta3 -->

Und hier zu das CSS:

#meta3 {
	clear: both;
	width: 100%;

}
#meta3 .meta-teaser {
	width: 32.4%;
	height: 200px;
	
	float: left;
	padding: 5px;
	
	border-right: 1px solid lightblue;
	
	font-size: small;
	background-image: url("images/footer.png");
	background-repeat: repeat-x;
}

Beispielbilder habe ich angefügt!

Vielen Dank für eure Hilfe!

 

[dkdenz]

Probiere mal NUR #meta3 das BG mitzugeben und nicht auch noch .meta-teaser...

 

[daemonTutorials]

Das habe ich ja versucht!
Hier das abgeänderte CSS:

#meta3 { 
    clear: both; 
    width: 100%; 

    background-image: url("images/footer.png"); 
    background-repeat: repeat-x; 
} 
#meta3 .meta-teaser { 
    width: 32.4%; 
    height: 200px; 
     
    float: left; 
    padding: 5px; 
     
    border-right: 1px solid lightblue; 
     
    font-size: small; 
}

Da kommt das gleiche raus wie im Beispielbild oben!