Странное поведение с границами в Firefox 10 на окнах

Question

Я пытаюсь создать стрелки, используя границы, но FF10 на win7 не хочет играть в мяч.

Добавляет границу в 1 пиксель вокруг моей границы.

Вот JSFiddle сминимальный пример: http://jsfiddle.net/5jjVb/1/

Неважно, какого цвета у границы, которую я установил, дополнительная рамка всегда одного цвета.

Для тех, кто не на FF или наокно 7 вот скриншот:

А вот такая же стрелка в FF на OS X:

Iвсегда может изменить цвет стрелки на тот же цвет, что и дополнительная рамка, но это не так.

Answer 1

Это ошибка. https://bugzilla.mozilla.org/show_bug.cgi?id=646053

А вот и тренировка для решения этой проблемы. http://jsfiddle.net/5jjVb/3/

Answer 2

Дайте rgba() вместо transparent для прозрачности. Для получения дополнительной информации проверьте мой ответ

Проблема с прозрачной границей в CSS в Firefox 4?

Answer 3

Попробуйте это:

div {
    border: 30px solid transparent;
    border-left-color: #EEE;
    -moz-border-left-colors: none;
}