Salve a tutti, sono un neofita dei css quindi chiedo venia se dirò cose assolutamente stupide....

il mio problema è questo:
ho 3 div uno sotto all'altro

div di testata
div di testo
div di fine

in ogni div c'è un'immagine in background che ovviamente si compone dalla testata alla fine.
se io metto questi div uno sotto all'altro la cosa funziona perfettamente, ma se nel div centrale ovvero il div di testo inserisco una p e ci scrivo qualcosa bè allora mi viene lasciato uno spazio vuoto tra il div di testata e il div di testo e il div di fine... come posso risolvere il problema perchè ho bisogno di questa p che ha come classe quella chiamata last-one.
Grazie a tutti

codice:
#testata{
background:url(../images/layout/top-pagina.jpg) no-repeat;
width:471px;
height:74px;
padding-top:30px;
padding-left:40px;
color: #333333;
}
#testo{
background:url(../images/layout/back-pagina.jpg) repeat-y;
width:471px;
padding-left:20px;
padding-right:20px;
}
#fine{
background: url(../images/layout/bottom-pagina.jpg);
width:471px;
height:12px;
}

.last-one{
	background:#eeeeee;
	padding:20px;
}