background de <p> no se superpone

[cronosmen]

Buenas compañeros, estoy teniendo una dificultas, estoy haciendo que un <p> salga por encima de una imágen, este <p> tiene un background, el texto si que sale, pero el background de <p> no se super pone, pongo una imágen explicativa, mas vale una imágen que mil palabras:



Este es mi css

Código CSS:

/*transfondo de la imágen*/
#contenedor #banner_rotator {
    clear:both;
    margin:0;
    padding:0;
    margin-top:5px;
    float:left;
    width:600px;
    height:245px;
    background:url('../img/bg_banner_rotator.png');
    background-repeat:no-repeat;
}
 
/*Imagen del mes*/
#contenedor #banner_rotator img.img_mes{
    margin:0;
    padding-left:4px;
    padding-top:5px;
    width:592px;
    height:231px;
}
 
/*Texto de la imágen del mes con el fondo azul */
#contenedor #banner_rotator p.img_mes_dos {
    z-index:100;
    margin-top:-40px;
    margin-left:60px;
    padding:11px;
    background:url('../img/bg_imagen_mes.png');
    background-repeat:no-repeat;
    width:184px;
    height:54px;
    color:white;
}
 

[sanxuan]

Sólo incluyes el css. Debes incluir el HTML también para poder opinar.
Imagínate que el css es un vestido y el HTML la persona que se lo pone.
Pretendes que la modista haga arreglos sin tomar medidas y que el vestido quede bien.
El incluir una imagen ha sido una buena idea.

[cronosmen]

Tienes razón sanxuan, un fallo mio. Aquí dejo mi html

Código HTML:

<div id="contenedor">
        <div id="header">
        <a href="#"><img class="logo" src="img/logo.png" border="0" alt="MediaLoad" title="MediaLoad"/></a>
        <input type="button" value="" title="Subir ahora" class="btn_sbir_header"/>
        <a href="#" class="a_header"> Registrate</a>
        <input type="text" value="Buscar fotos..." class="bscr_fotos" id="bscr_fotos" onClick="limpia_txt_boton();" onKeyUp="limpia_txt_boton();" onKeyDown="limpia_txt_boton();" onMouseOut="rellena_txt_boton();" name="bscr_fotos"/>
        <input type="button" name="btn_buscr_der" id="btn_buscr_der" class="btn_buscr_der"/> 
        </div>
        
        <div id="banner_rotator">
        <img alt="Imágen del mes" title="Imágen del mes" src="img/img_mes.jpg" class="img_mes" id="img_mes"/><p class="img_mes_dos">Imágen del mes</p>
        </div>
        
        <div id="login">
        ee
        </div>
    </div>
 

Donde se encuentra el <p> es en el div de banner rotator

[C2am]

Prueba agregandole a #contenedor #banner_rotator p.img_mes_dos {
position: relative;

Saludos

[cronosmen]

si ha funcionado, muchas gracias C2am :P