Problème avec un bouton sur IE6 et IE7

Bonjour, cela fait déjà quelques jours que je m'acharne à trouver une solution à ce problème.

Je vous explique le problème est visible.

Rendez-vous à la page suivante http://www.espi21.com/rubriques-10.html avec IE et firefox

Le problème se situe sur les boutons rouge en haut de la page.

En fait si vous regardez bien, IE créé des espaces qui sont proportionnel au texte.

Comment faire disparaitre ces espaces ?
Existe-t-il une propriété CSS qui permette de le faire ?
Modifié par myriss (05 Jun 2008 - 17:47)

Hello,


Tu devrais pouvoir utiliser "letter-spacing" pour cela je penses.

Ce n'est malheureusement pas ça.
Vous pouvez regarder, le style letter-spacing:0px; est en place sur la classe bouton.

Autre chose ? parce que je ne vois vraiment pas.

J'ai oublié de préciser que ce phénomène étrange ne se produit que sur IE.

Sur firefox, opéra ou encore safari, tout est normal.

Si quelqu'un a déjà connu ce problème, qu'il se manifeste s'il vous plaît.
Modifié par myriss (05 Jun 2008 - 17:48)

Est-ce que quelqu'un a éventuellement une idée pour contourner le problème ?

Salut, peut-tu mettre le css que tu as appliqué à ces boutons stp?
Par que là je ne vois pas ce que cela peut-être!

Salut,

Essaye un overflow: visible et (ou) width: auto sur tes boutons.

Bonjour, voici le css :

.bouton{
font-size: 9px;
color: #000000;
font-weight: bold;
border: 1px solid #F16059;
background-image: url(../images/fond_bouton.gif);
padding: 0px;
height: 19px;
cursor:pointer;
margin:0px;
margin-bottom:5px;
width:auto;
letter-spacing:0px;
}

Comme vous pourrez le voir, j'ai déjà essayé le width:auto. Quand à l'overflow, je vais tester.

Merci beaucoup à toi GHOST.

La propriété overflow a vraisemblablement corrigé le problème.

Merci beaucoup de ton aide.

Salut,

De rien vraiment ! Mais une navigation à base d'input .... Brrr réfléchis y bien