Я пытаюсь заполнить изображение текстом в теге h1. Следуя моему пониманию ;-), я делаю следующее в HTML:

<div class="image_clip">
 <h1>
  MY WONDERFULL TEXT
 </h1>
</div>

И в файле CSS:

.image_clip{
 background: url(../images/default.png) repeat;
 -moz-background-clip: text;
 -moz-text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

Дело в том, что он не дает ожидаемого результата ... это текст с изображением в нем в цвете. Изображение отображается на всем фоне div, а не только за текстом. Более того, сам текст по-прежнему черный.

Я пробую это на Firefox. Нет других браузеров.

Я что-то пропустил?

Ткс за помощь.