IE8 ne gère pas le rowspan + img src?!

Bonjour,

Je suis en train de créer mon blog sous wordpress.

Je dois créer un tableau très simple de 3 colonnes et 9 lignes, la dernière colonne étant fusionnée de la 2ème à la dernière ligne. Dans cette colonne, j'insère une image.

Sous tous les navigateurs, l'affichage se passe sans problème, mais IE8 a décidé de ne pas accepter le mix d'un rowspan et d'un img src! Car j'ai essayé de mettre du texte à la place de mon image, et là, IE8 ne pose pas de problème

J'en déduis donc que c'est bien l'intégration d'une image qui pose problème.

Constatez par vous-même avec IE8 et d'autres navigateurs [url]http://www.musicfestivals.be/wordpress/index.php/festivals/couleur-cafe/?lang=fr[/url]

Voici mon code: (je tiens à préciser que j'ai essayé avec et sans le tableau dans le tableau, et rien ne change)
[code]<table class="background" style="margin-top: 7px;">
<tbody>
<tr>
<td style="border-bottom: 1px solid gray;" colspan="3">
<h3>Fiche d'identité</h3>
</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Début:</td>
<td valign="top">Vendredi 24.06.2011</td>
<td rowspan="10">
<table>
<tbody>
<tr>
<td valign="center"><a href="http://www.musicfestivals.be/wordpress/wp-content/plugins/random-image-gallery-with-fancy-zoom/random-gallery/couleurcafe.jpg"><img src="http://www.musicfestivals.be/wordpress/wp-content/plugins/random-image-gallery-with-fancy-zoom/random-gallery/couleurcafe.jpg" alt="" height="300px" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Fin:</td>
<td valign="top">Dimanche 26.06.2011</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Prix ticket 1 jour:</td>
<td valign="top"><strong>Prévente:</strong> 35€
<strong>Sur place:</strong> 43€</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Prix ticket combi:</td>
<td valign="top"><del><strong>Prévente:</strong> 78€</del> (soldout)
<strong>Combi + camping: </strong>91€</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Style musical:</td>
<td valign="top">Musiques du monde et urbaines</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Adresse:</td>
<td valign="top">Rue Picard 3, 1000 Bruxelles (Tour & Taxis)</td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Site web:</td>
<td valign="top"><a href="https://www.couleurcafe.be/en/" target="_BLANK">http://www.couleurcafe.org</a></td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top">Contact:</td>
<td valign="top"><a href="mailto:festival@couleurcafe.org">festival@couleurcafe.org</a></td>
</tr>
<tr>
<td style="width: 110px; border-right: 1px dashed gray;" valign="top"></td>
<td>Région de BRUXELLES</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>[/code]

Pourriez-vous m'aider svp?

Merci :)