Crea contenedores para cada cosa y, si es necesario, dentro vas a poner las tablas.
Crea un contenedor general y aplicas imagen de fondo, widht y height de acuerdo al tamaño de la imagen. Después crea los bloques internos para encabezado, detalle de productos y total de la factura aplicando width y height.
Css (cambia el width y height de cada bloque para adaptarlo a tu imagen):
Código HTML:
#factura {
display:block;
width:508px;
height:804px;
background:#fff url(factura.jpg) top left no-repeat;
}
#encabezado {
display:block;
height:154px;
}
#detalle {
display:block;
height:500px;
}
#totales {
display:block;
height:150px;
}
Tu html quedaría más o menos así:
Código HTML:
<div id="factura">
<div id="encabezado">
<!-- Aquí va la tabla con la fecha y datos del cliente -->
</div>
<div id="detalle">
<!-- Aquí va la tabla con el detalle de productos
checa cuantas líneas pueden caber para que
no mandes de más -->
</div>
<div id="totales">
<!-- Aquí va la tabla con subtotal, IVA y total -->
</div>
</div>