Fondo de div no se extiende

[kenproxd]

Hola de nuevo,

Sigo con los problemas en CSS, aqui tengo un DIV que contiene otro 3 DIVs, pero al parecer este primer DIV no reconoce a los otros como si estuvieran dentro de este ya que el fondo no se extiende.

Código CSS:

/* Este es el estilo que usa mi div principal */
#pagina {
background: #5c004e url('imagenes/fondotop.png') repeat-x top left;
width: 957px;
height:100%;
top: 350px;
bottom: 0px;
margin: 0 auto;
padding: 20px 20px 0 20px;
text-align: left;
position: relative;
}
 
/* y estos son los 3 estilos de los divs que van dentro del principal */
.bloqueizquierdo {
width: 197px;
padding-right: 20px;
float: left;
}
.bloquecentral{
width: 523px;
position: absolute;
right:237px;
}
.bloquederecho {
width: 197px;
padding-left: 20px;
float: right;
}
 

Código HTML:

<div id="pagina" align="center">
  <div class="bloqueizquierdo">
  <?php include('bloque_izquierdo.php');?></div><div class="bloquederecho"><?php include('bloque_derecho.php');?></div><div class="bloquecentral"><?php include('bloque_central.php');?></div>
  </div>
 

Resultado:



Como pueden ver, sólo se muestran 20px del fondo (que vienen a ser los del padding).

Espero que puedan ayudarme, gracias desde ya :)