Как сделать нормальное пунктирное подчеркивание в IE11?

Question

[barbarisbk]

Это нужно для пунктирного подчеркивания ссылок.

Использую CSS стиль

a.local {
    border-bottom: 1px dashed;
}

Но пунктирный border в IE11 выглядит совсем не так, как в остальных браузерах. Линии пунктира очень близко друг к другу.
IE11

Chrome 33

Firefox 27


Как сделать так, чтобы пунктирный border в IE11 выглядел как у всех нормальных браузеров?

Есть еще вариант в border-image подставить изображение высотой 1px, но в таком случае для каждого цвета ссылки будет нужно отдельное изображение

Comments

[barbarisbk]

Даже в IE 10 нормальный пунктир

Answer 1

[Илья Шабанов]

примерно так: jsfiddle.net/ishaba/6eJ6b
ссылка по теме: artgorbunov.ru/bb/soviet/20120510

Answer 2

[Евгений Низамиев]

Как вариант. Можно сделать с помощью градиентов, и прижать вниз.