Проблема верстки в IE9 — нужен совет ?

Question

[LIAL]

Добрый день всем,
прошу знающих и опытных верстальщиков подсказать как пофиксить такой баг в IE9.
Есть такой код:

<td class="aopts_atc">
<a class="add-down add-action" href="#">
<input class="qty" type="text" value="0" size="2" name="oquantity[107][335]" >
<a class="add-up add-action" href="#">
<i class="icon-plus-circle"></i>
</a>
</td>

Вот как он отображается во всех нормальных браузерах:

А вот как в ИЕ9


Вот один из стилей (кнопка +)

.icon-plus-circle:before {
    content: "";
}

Я так понимаю у ИЕ9 пробелма с content, но не найду как ее решить чтобы он показывал картинку

Answer 1

[LIAL]

а ie9.css специфически подключать надо как то (определять браузер?) или прост положить его и он сам подключиться ?

Comments

[Евгений Петров]

1. А как оказалось, что даже здесь символ из контента отображается кракозябрами? Вам проще использовать не вызывающий проблем символ.

2. Обе кнопки можно оформить с помощью обоих псевдоэлементов с использованием позиционирования и фон.

3. А ещё есть SVG. Для абсолютно любых кнопок.