Как создать треугольный контейнер для изображения (x-браузер)

Как мне создать DIV, содержащий IMG, где DIV разрезает изображение на треугольник, тем самым отображая только часть изображения через треугольник .

итак ..

<div>
   <img src='some_image' />
</div>

Где изображение - квадрат, а DIV, содержащий изображение, - треугольник. http://www.script-tutorials.com/creating-kaleidoscope- Использование-jquery-and-css / решает эту проблему очень хорошо, за исключением того, что это решение не является дружественным к x-браузерам (не IE).

http://css3pie.com/ выглядит интересно, однако здесь используется PHP.