Pues a mi no me pasa lo mismo que a ti, yo veo la caja blanca y cuando termina la caja aparece el fondo gris...
Código:
<html>
<head>
<style type="text/css">
body {
background-color: #CCCCCC;
}
#general {
width: 760px;
/* height: 660px; <---- Le quito la altura para que veas que la caja solo llena el contenido que le he puesto*/
margin: 0 auto;
padding: 5px 10px 10px 10px;
background:url(../images/bg.gif) top left no-repeat;
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="general">
<div id="cabecera">TEXTO CABECERA</div>
<br />
TEXTO CAJA
<br />
<br />
TEXTO CAJA
</div>
</body>
</html>
A ver si lo que te pasa es que has puesto una altura muy grande y en apariencia te parece que el blanco que estas viendo es del fondo... Solo declara altura para una caja si esa caja tiene que tener una altura fija por algun motivo especial... Si no no le pongas altura.
Hay un addon para navegadores muy util que se llama firebug, que te permite entre otras muchas cosas, ver la maquetacion de la pagina.
Hay un truquito tambien para ver hasta donde llegan las cajas, que es poner momentaneamente un borde a cada caja, para ver donde se situa cada una realmente... Suele ser util a veces...
Saludos.