Problème de positionnement sous IE en css

Bonjour,
Je tiens à préciser que j'ai déjà cherché longuement mais aucune explication trouvée (j'ai peut-être mal cherché :s). Bref, mon problème est le suivant:
Je suis en stage dans une entreprise de création de site WEB, et je développe principalement en PHP /Ajax mais la je suis confronté au CSS et je ne sais pas quoi faire. Je développe un petit forum. Je voudrais que mon texte soit placé sur une image. J'ia bien évidemment pensé au background-image mais elle ne se redimensionne pas.
Donc j'ai crée un DIV qui contient mon texte (récupéré) et mon image. L'image est en position Absolute et en hauteur et largeur à 100%. Sous firefox, aucun problème tout fonctionne nikel. Mais sous IE7, le fait que la hauteur soit à 100% amène que mon image est presque complètement affichée au lieu de s'arreter à la taille du div.
Voici mon code:
CSS:
.boite{
width:100%;
height:100%;
position:relative;
}

.img_forum{
position: absolute;
width:100%;
height:100%;
top:0px;
}

.boite p{
position:relative;
padding: 20px;
z-index: 1;
}

HTML:
echo "<div class='boite' id='boite'>";

echo '<p class="txt">'.$row["contenu"].'</p>';

echo "<img class='img_forum' src='../../images/milieu.png'>";

echo "</div>";

Comment faire pour que IE limite la hauteur de l'image au conteneur?

Merci d'avance pour votre aide. J'espère avoir été clair :s