Background-repeat et div

Bonjour à tous, j'ai un problème que je ne comprends pas.

j'ai plusieurs empilement de div dans une page

Dans la dernière j'applique une répétition d'image et j'aimerais que cette dernière div prenne la hauteur restante de la page

Code:

---

1 2 3 4 5 6 7

#pied{ background-image: url(images/credit.gif); background-repeat: repeat; width:100%; height:100%; }

---

Problème: la div ne prend pas la hauteur complète de la page

100% de quoi ?
Si tu ne donnes pas au body ou html la taille de 100%, il ne saura pas prendre 100% de quelque chose...

Code:

---

1 2 3 4 5 6 7 8 9 10 11

body { border:0px; padding:0px; margin:0px; font-family: verdana, sans-serif; font-size: 10px; color:#000000; background-color: #FFFFFF; height:100%; }

---

Oui oui, j'ais bien le body a 100% en hauteur.