Фоновое изображение не появляется.IE6 Fail

Question

Я знаю, что это общая проблема с IE6 из моего поиска в Google, но все, что я пробовал, не удалось.Вот мой 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>

И мой 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%;
}

Проблема в том, что фоновое изображение не появляется.Он появляется в моем браузере Firefox, но не в IE6.

Я пробовал использовать height: 1%, а также position:relative, но ни один из них не работал.Я перепробовал множество других вещей, но эта чертова вещь не появится.

Answer 1

IE6 не будет отображать пустые встроенные элементы.Добавление display: inline-block должно исправить это.Вы можете предпочесть использовать это правило в * html .plus a CSS-хаке для таргетинга только на IE;Я думаю, что в целом все должно быть хорошо в другом месте.