Párrafo sobre div con imagen de fondo me quita ésta imagen

[damargon]

Hola foreros,

tengo este HTML:

Código:

<div id="contenidos">
	  	<div id="altoCabecera"></div>
            <div id="centroContenidos">
            	<p>Párrafo</p>
             </div>
 	   <div id="bajoCabecera"></div>
  </div>

Y este CSS para la capa centroContenidos.

#centroContenidos{
padding-left:40px;
padding-top:10px;
width:auto;
background-image:url(images/cajaCentral.png);
}

Pues bien, si dentro de la capa centroContenidos añado una etiqueta <p> se cepilla la imagen de fondo creando esa molesta barra que ses puede ver en la imagen:


he hecho varias pruebas pero no consigo quitarlo, ¿alguna sugerencia?

Muchas gracias por adelantado.

[Calizman]

Saludos!

Tienes algun Resset CSS? Podrías intentar algo como

#centroContenidos p {
margin: 0px;
padding: 0px;
}

O poner un Resset CSS. Prueba con eso y nos cuentas.

Hasta Luego!

[awesomeboy]

podrías probar agregándole un margin-bottom:0px; y un padding con el mismo valor, a una clase
y agregarselo al párrafo

<p class="tuclase">

</p>

Para que no te expanda el fondo, o ya bien como ultimo recurso, mete la imagen ultima, dentro del párrafo, así no te creara ese vació.

Salu2

[damargon]

Ok, muchas gracias

añadiendo esto ya no aparece esa línea adicional en el párrafo

p {
margin: 0px;
padding: 0px;
}

¡Saludos!