[Résolu] Décalage horizontal d'images sur IE 7

Bonsoir,
Je pense que mon CSS est bon mais voilà, je rencontre un petit problème de centrage horizontal d'images sur une partie de mon site.

sous IE7
sous FF

Voici la partie du CSS concernant ces images :

.sous_menu4
{
margin-top:5px;
border:2px solid #333333;
background-image:url(images/fond.png);
padding:10px;
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:center;
}

.sous_menu5
{
margin-top:5px;
border:2px solid #333333;
background-image:url(images/fond.png);
padding:10px;
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:center;
}

.sous_menu6
{
margin-top:5px;
border:2px solid #333333;
background-image:url(images/fond.png);
padding:10px;
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:center;
}

Et la partie html :

<div class="sous_menu5">

<p>CENTRE DU<br>ROCHER BLANC<br>- LES BREVIERES -<br>
73320 TIGNES<br>
Tél. : 04 79 06 40 25</p>
<p><a href="http://www.rocherblanc.fr" target="_blank"><img src="images/le_rocher_blanc.png" border="0" alt="rocherblanc.fr"></a></p><p><img src="images/rocherblanc_text.png" border="0"></p>

</div>

<div class="sous_menu6"><p>HÔTEL LE PAQUIS<br>- LE ROSSET -<br>
73320 TIGNES<br>Tél. : 04 79 06 37 33</p>
<p><a href="http://www.hotel-lepaquis.fr/accueil/index.php" target="_blank"><img src="images/paquis.png" border="0" alt="hotel-lepaquis.fr"></a></p>
</div>

<div class="sous_menu3">
<p><a href="http://www.trikke.com" target="_blank"><img src="images/logos_trikke_text.png" border="0" alt="Trikke.com"></a></p>
</div>

<div class="sous_menu4">
<p>Rejoignez la communauté des Trikke™ Fans sur trikketalk.fr</p>
  <p><a href="http://www.trikketalk.fr" target="_blank"><img src="images/trikketalk_logo.png" border="0" alt="TrikkeTalk"></a></p></div>

Merci pour votre aide, parce que là je bute complètement...
Modifié par ThyBarth (12 Dec 2008 - 18:12)

Hello ThyBarth,

Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance.

Voilà qui est fait...

Je te conseillerai d'ajouter une régle à ton css du style

.sous_menu6 a img
{border:none;}

Pour éviter d'utiliser un attribut plus ou moins obsoléte (border="0"), et

.sous_menu6 img
{margin:3px;/*a ajuster selon tes besoins bien sur*/}

Apparemment tu ne précise rien concernant les marges de l'images et donc tu laisse le navigateur gérer ça comme bon lui semble, en fonction du paramétrage de l'utilisateur et de la feuille de style par défaut tu as des surprises.
Modifié par webserviteur (12 Dec 2008 - 10:02)

Merci pour ta réponse webserviteur, j'ai adapté le code css à ma page, nickel...

.sous_menu5 a img
{
border:none;
margin:-2px;
}