не могу "подлезть" под блок

[patch]

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

для начал просто пробовал юзать *.png изображение, конечно безрезультатно. В итоге решил попробовать нарисовать его через элемент canvas, проблема осталась та же! получилось что картинка на JS у меня вроде как нормальная, но теперь навожу непосредственно на canvas! Что посоветуете?
p.s. flash не предлагать ;D

[MyLastHit]

Не очень понял что надо. Пример живой страницы приложите(без канвы можно). Красноречием не пытайтесь объяснить... Может вам z-index нужен, а может такой хакк:

$("#notactive").mouseover( function(e) {
  e.stopPropagation();
});
$("#all").mouseover ( function(e) {
  //тут останется вся активная область
});

Не тестил, но должно работать...

[patch]

собственно вот скрин.
зеленым выделил блок, находящийся под верхним блоком
красным собственно сам блок
и синим ту область, на котором я не могу навести мышью на "зеленый" блок. Этот вариант с png изображением. Аналогичным образом работает если нарисовать этот блок через canvas т.к. он также создает "рамку"

[Naive]

Только если срезать трансформом, для адекватных браузеров...
последний пост на первой странице.
Геморный вариант — класть поверх красного блока плашки, соответствующие позиции ховера.

[patch]

Спасибо большое за линк на тему! Нашел что искал!
разобрался по примеру:
http://demo.guluzade.com/trapezium.html (взял за исходник и поправил как надо)