Repetition d'une image COMPLETE en background

J'essaye actuellement de refaire le graphisme d'un blog en dotclear, et j'avais envie de d'un style particulier composé de 3 images de fond:
le header : http://basharsupreme.free.fr/blog/themes/saddict/img/top.png
le contenu : http://basharsupreme.free.fr/blog/themes/saddict/img/post.png
et le footer : http://basharsupreme.free.fr/blog/themes/saddict/img/bottom.png .

Vu la taille et la forme de mon background de contenu (contenu de hauteur variable) et vu que j'utilise un repeat-y, il est rare que le bas du contenu soit aligné sur le haut du footer (j'utilise pour le contenu un background-position : top; mais j'ai à peu pres le meme probleme si je met bottom).

Ma question est simple. Comment puis-je forcer l'affichage complet de l'image? (de façon que mon contenu est toujours une hauteur multiple de 780px, soit la hauteur de mon background.)
Modifié par saddict (22 Nov 2006 - 11:56)

Tu peux mettre une taille minimum de 780px à ton contenu avec la propriété min-height

Par contre pour qu'il ait toujours une hauteur qui soit le multiple de 780px il n'y a rien qui existe en CSS pour cela.

La solution la plus simple serait alors de le faire en javascript.