There're plenty of different CSS shapes over at CSS Tricks - Shapes of CSS and I'm particularly puzzled with a triangle:
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
How and why does it work?