Probleme d'affichage dans liste de définition

Bonjour,

J'ai un petit soucis d'affichage du texte dans ma liste.
J'ai une liste avec en premier une image et en dessous un titre. Mon soucis est que quand le titre prend 2 lignes la 2eme ligne passe à moitié sous l'image sous IE7.

#contenu_accueil_dernier
{
width:307px;
padding-top: 5px;
border-left: 1px solid #666666;
float:left;
}
#contenu_accueil_dernier dl
{
width: 150px;
height: 130px;
text-align: center;
margin-left: 0px;
margin-top: 0px;
float: left;
}

#contenu_accueil_dernier dt {
text-align: center;
font-weight: normal;
font-size: 9px;
font-family: verdana;
color: #999999;
}

#contenu_accueil_dernier dt img
{
border: 1px solid #999999;
width: 140px;
/*height: 75px;*/
margin-top: 0px;
}

#contenu_accueil_dernier dt a{
font-size: 12px;
color: #ff9700;
text-decoration: none;
}

<div id=contenu_accueil_dernier>
{boucle}
<dl><dt><a href="/lien.htm"><img src="/image.jpg"></a></dt>
<dt><a href="/lien.htm"><strong>titre</strong></a></dt></dl>
{/boucle}

Une petite idée ?

merci
Luc