Soucis avec background-image dans une cellule de table.

[ilmarinen]

Bonjour,
Je ne sais pas comment Firefox interprète le formatage css des cellules de table.
Voici ma syntaxe :

Code : Tout sélectionner

<td><span style="background-image:url(../../images/es/foret.gif); padding-top:100%; background-position:bottom; background-repeat:no-repeat;">
            <a href ="index.php?place=23&orr=3">
           <img src="../../images/ps/pm13/4.gif"  border="0"  class ="carte"></a></span></td>

Ce qui a pour effet de décaler vers le bas, la cellule par rapport aux autres cellules de la table.
Sur IE les cellules son correctement alignées.

Code : Tout sélectionner

<td><span style="background-image:url(../../images/es/foret.gif);">
            <a href ="index.php?place=23&orr=3">
           <img src="../../images/ps/pm13/4.gif"  border="0"  class ="carte"></a></span></td>

Avec ce code css, l’image d’arrière plan apparait décalée vers le bas par rapport à l’image d’avant plan sur Firefox, aucuns soucis de centrage de l’image d’arrière plan en revanche sur IE.

Y a-t-il une solution css satisfaisante compatible pour les deux navigateurs ?

[SB]

Il faudrait montrer un exemple, parce que là, sans savoir si tu as un doctype à ta page (ce qui change l'interprétation du navigateur) et sans voir tes css (class='carte') c'est difficile.

[ilmarinen]

Effectivement, la DTD du document était incorrect !
Mon problème est résolu.
Merci beaucoup !