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

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

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

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

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

Chrome 33

Firefox 27


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

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