imagen sobre otra imagen con css?

[oscarza]

Código:

body>


<div id="featured"></div>
<div id="contenedor">
<div id="header">
			<div id="menu2">
            
            	<ul>
                	<a href=""><li><img src="contacto.png" /></li></a>
                    <a href=""><li><img src="kttv.png"></li></a>
                    <a href=""><li><img src="musica.png"></li></a>
                    <a href=""><li><img src="academia.png"></li></a>
                
                </ul>
            
            </div>
			<div id="logo"></div>
			<div id="menu1">
            	<ul>
                	<a href=""><li><img src="c4.png" /></li></a>
                    <a href=""><li><img src="ministerios.png"></li></a>
                    <a href=""><li><img src="conferencias.png"></li></a>
                    <a href=""><li><img src="cumbres.png"></li></a>
                
                </ul>
            </div>
	</div>
    
    			<div id="main">
                <div id="izquierda">
    			  	<div id="boton1"></div>
                  	<div id="boton2"></div>
                  </div>
                 <div id="derecha2"> </div>
                <div id="derecha">
                  <img src="images/featuredimages/featuredImage.png" alt="rotador"/>
                  <img src="images/featuredimages/featuredImage2.png" alt="rotador"/>
    			  <img src="images/featuredimages/featuredImage3.png" alt="rotador"/>
                  <img src="images/featuredimages/featuredImage4.png" alt="rotador"/>
                  <img src="images/featuredimages/featuredImage5.png" alt="rotador"/>
                  <img src="images/featuredimages/featuredImage6.png" alt="rotador"/>
                  
                  </div>
                  
                 
    				
                    
                    	
                    
    			<div id="centro">
                <div id="boton3"></div>
                  	<div id="boton3"></div>
                    </div>
    			</div>
                <div id="footer"></div>
</div>
</body>