Вопрос по css срочно

Всем салют!
Ребят как сделать в css такой див чтобы он обрезал картинку вот так

http://habrahabr.ru/post/126207/

.hosting_plans_area .plan_box_price {
padding: 0;
margin: 0;
float: left;
width: 70px;
height: 72px;
background: #fff url(http://enhoster.ru/images/plans-prices-bg.png) no-repeat left top;
text-align: center;
color: #f3f3f3;
font-size: 14px;
font-weight: normal;
line-height: 1.1;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

как то так

Див так не обрезает, надо рисовать такую картинку.

Ms-95, Можно не картинкой, а самим CSS такой многоугольник нарисовать. Как вариант http://www.w3schools.com/svg/svg_polygon.asp

Ребят спасибо но вы меня не совсем поняли вот есть вывод картинок на сайте ну вывел я картинку например привью размером 200х200 и мне нужно чтобы рамка была такая картинки и в низу картинки углы обрезало так как на примере всё должно быть через css

Нарисуй рамку, а фон рамки сделай цветом фона сайта

Стрелка вниз на примере ето рамка чтоль? )))