Выполнено_выполнено?
Уже делал кому-то здесь :) - jsfiddle.net/DelphinPRO/pvg2d02p/1
Другой вариант совмещения — использование skew().
Вот ещё пара ссылок применения подобного трюка:
Как сверстать данный (нестандартный) блок?
Как сверстать фон с треугольным прозрачным элементом с тенью?