IE7 BUTTON contour blanc

Question

Est-ce que quelqu'un sait pourquoi IE6 et IE7 ajouter une bordure blanche entre une bordure button et l'arrière-plan?

Voici mon CSS et HTML:

#reportButton{ 
    background:#fefcda url(buttonback.png) repeat-x bottom left; 
    border-top:2px solid #fffff8; 
    border-right:2px solid #e3b40c; 
    border-bottom:2px solid #e3b40c; 
    border-left:2px solid #fffff8; 
    color: #373535; 
    font-weight: bold; 
    margin:0 2%; 
    width:45%; 
} 

<button id="reportButton">Report a Concern</button> 

Si vous essayez, vous verrez une bordure blanche drôle entre les frontières et l'arrière-plan. Cela n'apparaît dans aucun autre navigateur, même IE8.

Quelqu'un at-il une solution simple ou une suggestion quant à ce que je fais mal?

Merci!

EDIT: Je viens de remarquer que lorsque je clique sur le bouton, les fourmis marchent et la bordure blanche disparaît. Il semble que lorsque le bouton est :active ils disparaissent, bien que cela ne m'aide pas beaucoup en termes de résolution du problème, peut-être qu'il le sera pour quelqu'un d'autre.

Aussi, désolé je ne peux pas fournir un écran; Je n'ai pas d'endroit pour le télécharger maintenant via cette connexion Internet.

EDIT2: Il apparaît en fait que la bordure n'est pas blanche mais le background-color du bouton. Il semble que IE laisse un espace de 1px entre la bordure du bouton et l'image d'arrière-plan du bouton.

Answer 1

Assurez-vous que cette frontière ne vient pas de l'image elle-même (arrière-plan de l'image), définissez le width et height précis, essayez également le réglage de la padding à 0 comme @SLaks dit.

Answer 2

J'ai eu le même problème ... astuce qui semble fonctionner au moins pour IE: Le contour "blanc" est en fait la couleur de fond de votre image. Donc définissez ceci pour être la même chose que la couleur de votre bordure. Si cela ne vous dérange pas une frontière légèrement épaisse, arrêtez là. Si la bordure est trop épaisse, définissez la couleur de la bordure sur la couleur d'arrière-plan de la page.

par exemple. Pour afficher une "bordure" noire, utilisez ce css pour votre bouton: background: url (./ button_bg.gif) no-repeat; couleur de fond: # 000000; bordure: 1px solide #FFFFFF;