Плавающая стрелка на неоднородном фоне (clip-path) firefox

[Zverushka]

http://zverushka.zz.mu/notwork/

В хроме вы можете увидеть как должно работать (самый нижний блок).

В файрфоксе же я просто не понимаю - как правильно прописать координаты или их единицы измерения или другая причина. по которой не работает?

Edited January 15, 2014 by Zverushka

[npofopr]

//offtop:

- сделайте для кнопочек :active, будет приятнее

- для нижнего блока-таба, подгружайте картинки заранее, например внизу html'a в скрытом блоке :-) чтобы не было такого "дергания", загрузки картинки, при первом открытии.

Edited January 15, 2014 by npofopr

[Zverushka]

Ага, спасибо, я учту. Мне нужно будет еще оптимизированную загрузку изображений попозже сделать.

В файрфоксе я включила, но не анимируется стрелка - есть идеи почему - его возможно заставить анимировать?

2й вопрос - почему ослик не отображает стрелку? Как заставить?

<svg width="0" height="0"> создает отступ вверху страницы, в общем 

Edited January 15, 2014 by Zverushka

[Zverushka]

ИЕ вообще не понимает clip-path в css?