Image d'arrière-plan n'apparaît pas. IE6 Fail

Question

Je sais que c'est un problème commun avec IE6 de ma recherche Google, mais tout ce que j'ai essayé a échoué. Voici mon HTML:

<table width="750" border="0" cellspacing="5" cellpadding="5" class="largetable" > 
    <tr> 
    <td width="65px"><b>SELECT</b></td> 
    <td class="plus" width="300px"> 
     <select id="op" name=""> 
     <option selected="selected"></option> 
     <option>SUM</option> 
     <option>AVG</option> 
     <option>MIN</option> 
     <option>MAX</option> 
     </select> 

     <!-- problem here, background image not showing --> 
     <a href="#" onclick="add_select(); return false;"></a> 

Et mon CSS:

.plus a { 
    background-image:url("../images/plus.png"); 
    background-repeat:no-repeat; 
    border:medium none; 
    margin-left:3px; 
    padding:6px 4px 6px 30px; 
    background-position:2% 100%; 
} 

Le problème est que l'image de fond ne semble pas. Il apparaît sur mon navigateur Firefox mais pas sur IE6.

J'ai essayé d'utiliser height: 1% et aussi position:relative ni travaillé. J'ai essayé plein d'autres trucs mais la fichue chose ne va pas apparaître.

Answer 1

IE6 ne rend pas les éléments en ligne vides. Ajouter display: inline-block devrait le réparer. Vous pouvez préférer appliquer cette règle dans un hack CSS * html .plus a pour cibler uniquement IE; Je pense que ça devrait aller normalement ailleurs.