Problème d'affichage images selon le navigateur

Bonjour,

sur le site de la bibliothèque pour laquelle je travaille on a récemment modifié un encart dédié au réseaux sociaux.
On a mis les iframes qui donnent le nombre d'inscrits à la page FB et le nombre de followers pour Twitter. En dessus des iframes les deux icones respectives FB et TWTR renvoyant aux deux pages.
A part un peu de galère pour arriver à trouver la manière d'importer les deux widgets, aucun souci particulier.

Puis effectivement je me suis aperçu que sur IE les icônes FB et Twitter ne s'affichent pas; on a deux carrés blancs avec une petite croix rouge. Elles continuent à marcher en tant que lien, mais on ne les voit plus. Pas de problème ni sur Firefox ni sur Chrome.

Voila le site:
bulco.univ-littoral.fr/medias/medias.aspx?INSTANCE=EXPLOITATION

et voici le code:

<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tbody>
<tr>
<td><a target="_blank" href="https://www.facebook.com/pages/BULCO-Biblioth%C3%A8que-de-lUniversit%C3%A9-du-Littoral-C%C3%B4te-dOpale/190162781014271"><img class="profileimage img" alt="BULCO - Bibliothèque de l'Université du Littoral Côte d'Opale" width="63" height="63" src="/userfiles/image/Facebook_Icon_Flat.jpg" /> </a></td>
<td valign="top"><a target="_blank" href="https://twitter.com/!/BibULCO"><img alt="Suivez-nous sur Twitter !" width="64" height="64" src="/userfiles/image/Twitter_Icon_Flat.jpg" /></a></td>
</tr>
<tr>
<td style="text-align: left"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBULCO-Biblioth%25C3%25A8que-de-lUniversit%25C3%25A9-du-Littoral-C%25C3%25B4te-dOpale%2F190162781014271&width=70&layout=box_count&action=like&show_faces=false&share=true&" frameborder="0" allowtransparency="allowtransparency" scrolling="no" style="border-bottom: medium none; border-left: medium none; width: 70px; height: 90px; overflow: hidden; border-top: medium none; border-right: medium none"></iframe></td>
<td valign="top" cellspacing="2"><iframe class="twitter-share-button twitter-count-vertical" title="Twitter Tweet Button" src="http://platform.twitter.com/..." frameborder="0" allowtransparency="allowtransparency" scrolling="no" data-twttr-rendered="true" style="width: 55px; height: 62px"></iframe></td>
</tr>
<tr>
<td> </td>
<td><iframe id="twitter-widget-27" class="twitter-follow-button twitter-follow-button" title="Twitter Follow" src="https://platform.twitter.com/widgets/follow_button.1392079123.html#_=1393876656077&id=twitter-widget-27&preview=true&screen_name=BibULCO&show_count=false&show_screen_name=true&" frameborder="0" allowtransparency="allowtransparency" scrolling="no" data-twttr-rendered="true" style="width: 64px; height: 20px"></iframe></td>
</tr>
</tbody>
</table>
<p> </p>

Il faut savoir que le site est du tout prêt, car réalisé par une société externe à la BU.Donc pas trop de possibilité de modifier la structure. L'encart en question est modifiable via une appli WYSYWYG propriétaire.

Merci par avance de votre aide! Smiley smile