Comportement étrange IE7 (ou non)

Question

Je ne vois aucune raison pour laquelle cela ne devrait pas fonctionner dans tous les navigateurs, voici mon css pour la balise d'ancrage:

.myButton{ 
background:none repeat scroll 0 0 #FFFFFF; 
border:1px solid #D8DFEA !important; 
color:#3B5998; 
cursor:pointer; 
font-size:20px; 
padding:10px; 
} 

Voici à quoi il ressemble dans IE7:

alt text http://i43.tinypic.com/2a5lnkn.png

Et voici à quoi il ressemble dans d'autres navigateurs:

alt text http://i39.tinypic.com/2pq3sw4.gif

HTML est rien d'inhabituel ainsi:

<a href="#" class="myButton">Beta</a> 

Tout cela est table à l'intérieur, ce html d'ancrage est enroulé autour de:

<tr> 
    <td><a>...</a></td> 
<tr> 

Je ne pense pas que cela a à voir avec quoi que ce soit mais je l'ai mentionné juste au cas où, le bouton est manquant en haut de la bordure, des indications sur ce qui pourrait causer cela?

Answer 1

Si l'habituel zoom:1; ne fonctionne pas essayer float:left; ou display: inline-block;vertical-align: top; mais le premier id chose ne purge IE7 margin-top:1px ou position:relative;.
Vous avez probablement juste besoin de déclencher la magie HASLAYOUT. En guise d'alternative, vous pouvez plutôt remplacer le TD par un autre.