CSS: до того, как треугольник имеет странную прозрачную границу в FF, но не в chrome

Question

Я сделал класс c CSS: перед треугольником и в chrome это выглядит красиво, но в Firefox у меня есть странная проблема, когда треугольник имеет прозрачную границу в середине , Это ошибка браузера или неправильный код?

content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 35px 15px 0;
display: block;
vertical-align: middle;
border-color: transparent #093 transparent transparent;
position: absolute;
transform: translateX(-50%) rotate(90deg);
left: 50%;
top: -18px;