Границы радиуса и фона не соединяются только в Firefox

Question

Вот моя скрипка: http://jsfiddle.net/edelman/NJHLU/

Обычно, если на элементе с рамкой есть радиус границы, граница и фон на самом деле не соприкасаются, создавая маленький внутренний белый круг, который выглядит глупо.

То, что я пробовал, не сработало:

• background-clip и все возможные значения
• overflow: hidden
• border-collapse с обоими значениями

Кажется, ничего не работает.Это просто ошибка рендеринга FF, с которой мне приходится иметь дело?

Я видел этот вопрос , но у меня нет такой роскоши, как я делаю этоCSS для сгенерированного контента (:before псевдоэлемент)

РЕДАКТИРОВАТЬ: Я также пытался использовать box-shadow вместо границы, но у него есть те же проблемы.

Answer 1

Вы можете использовать технику, описанную в ответе, на который вы ссылаетесь.Добавить хак FF:

-moz-box-shadow:0px 0px 0px #2eb8ae;