Границы со стрелками в CSS отображаются по-разному в разных браузерах

Question

Я пытаюсь построить значки стрелок с помощью метода css треугольников .

Я построил этот в Chrome v14 - OSX, и он отлично работает:

http://jsfiddle.net/olegmil/2cXZw/21/

Но в любом другом браузере все выглядит иначе:

Есть мысли по этому поводу?

Answer 1

Вы должны использовать свойство transparent вместо явной установки цветов фона.Это происходит потому, что вы пытаетесь заполнить небольшой блок фоном, который вызывает некоторые проблемы.

Я разбудил вашу скрипку: http://jsfiddle.net/JXXZa/

В нем есть все необходимоеизменения и должны отображаться лучше во всех браузерах.

Answer 2

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

Просто Google условные таблицы стилей или посетите эту ссылку