Верстка сложных фигур

Такой вопрос... Нужно сверстать меню, которое состоит из треугольников, каждый из которых заходит на соседний... как на скрине. Нужно при hover делать картинку цветной, но вот у меня проблема с тем, что я не могу понять как определить границу блока, когда он треугольный...

Источник: dle-faq.pro