Firefox clip-path Код CSS не принимается

Question

Я пытаюсь создать аватар круглого цикла на своем веб-сайте. Тем не менее, цикл clip-path работает для Chrome, Safari и IE9. Я не знаю, почему это не работает с Firefox. Я использую Firefox 28.0.

My Chrome браузер:

Firefox:

Мой CSS код:

.author-avatar img{ 
    height: 41px; 
    left: -18px; 
    position: relative; 
    -webkit-clip-path: circle(50%, 50%, 30%); 
    -moz-clip-path: circle(50%, 50%, 30%); 
    clip-path: circle(50%, 50%, 30%); 
} 

Есть ли способ сделать Firefox выглядит так же?

Answer 1

Для окружности изображения вы можете попробовать добавить следующие строки в CSS:

border-radius: 50%;