background top, middle y bottom separados =S

[XxflezhaxX]

Bueno al final lo hice diferente.
para arreglar lo del salto de arriba solo quite el <p> y use un div (ya que P me daba salto de linea) a eso se debia ese espacio.

y el de abajo no tuve otra opciones que darle un alto (height) al background del medio para que alcanzara al backgr de abajo y quedaran juntas. El unico problemita es que cuando amplie contenido tendre que estar ampliando el "height" del backgr del medio.

Al final quedo asi el CSS:

Código CSS:

body { 
background-image:url('flame.jpg');
background-repeat:no-repeat;
background-position:bottom left;
}
 
.top {
background-image:url("top.png");
background-repeat:no-repeat;
width:1224px;
height:32px;
}
 
.middle {
background-image:url("middle.png");
background-repeat:repeat-y;
height:280px;
}
 
.bottom {
background-image:url("bottom.png");
background-repeat:no-repeat;
width:1224px;
height:32px;
}
 
#list,#text {
padding-left:100px;
color:#FFFFFF;
}
 

Saludos!!