contenido de tres divs

[Most]

Hola, resulta que estoy haciendo un bloque, el cual costa de 3 partes la parte de arriba, la de el medio(que es donde iria el contenido) y la de abajo, pero el problema viene, cuando escribo algo en el medio, se me apartan las 3 partes, cuando solo hay una linea no pasa nada, pero cuando escribo algo mas de 2 lineas, se descompone:



Codigo:

Código CSS:

#contenedor {
  text-align:left; /*Resetear el alineamiento a la izquierda, recuerden que lo centramos para IE5*/
  width: 975px ; /*Esto deberia ser lo mismo que el min-width del body*/
/*Colocando los margenes auto centrará todo el contenedor en el body*/
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 30px;
}
 
#contenido_a {
    background-image:url(imagenes/contenido_fondo/contenido_a.gif);
    height: 14px;
}
 
#contenido_b {
    background-image:url(imagenes/contenido_fondo/contenido_b.gif);
    background-repeat: repeat-y;
}
 
#contenido_c {
    background-image:url(imagenes/contenido_fondo/contenido_c.gif);
    height: 7px;
}
 

Código HTML:

<div id="contenedor">
<div id="contenido_a"></div>
<div id="contenido_b">
  <p>AQUI CONTENIDO</p>
  <p>abc</p>
  <p>abc</p>
  <p>abc</p>
  <p>abc</p>
  <p>dfg</p>
  <p>ddd</p>
  <p>dd</p>
  <p>ff</p>
</div>
<div id="contenido_c"></div>
</div>
 

y quisiera saber como solucionarlo.