title: How would one create a triangle container for an image (x-browser)
body: <p>How would I create a DIV containing an IMG where the DIV cuts the image into a triangle, thereby displaying only part of the image though a triangle.</p>
  
  <p>so.. </p>
  
  <pre><code>&lt;div&gt;
     &lt;img src='some_image' /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Where the image is a square, but the DIV containing the image is a triangle.
  <a href="http://www.script-tutorials.com/creating-kaleidoscope-using-jquery-and-css/">http://www.script-tutorials.com/creating-kaleidoscope-using-jquery-and-css/</a> solves this very well except this solution is not x-browser friendly (non-ie).</p>
  
  <p><a href="http://css3pie.com/">http://css3pie.com/</a> looks interesting, however this relies on PHP.</p>