Это должно решить вашу проблему.

что<div>&nbsp;элементы отображают border / border-radius правильно, но любой<a>&nbsp;или же<button>&nbsp;с заданным фоном, границей и радиусом границы цвет фона или изображения отображается в виде квадрата, и только граница является круглой. Пробная настройка<a> & <button>&nbsp;вdisplay: block&nbsp;или жеdisplay: inline-block&nbsp;но это не сработало.

Есть ли известный обходной путь?

Вот ссылка на вычисленный стиль из Webkit:https://gist.github.com/773719

Вот вычисленный стиль из инструментов разработчика IE9:

Обновить&nbsp;Использование фильтра :; или -ms-фильтр :; свойство иметь градиенты в IE заставляет фон вырваться из заданного border-radius.