[melky]

и ради этого делать картинку ?!

<style>
#parallelogramm {

    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);

    zoom: 1;
    position: absolute;
    filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M21=0.0, M12=-1.0, M22=1.0, SizingMethod='auto expand');

    left: 50px; top: 50px;

    background-color: red;
    width: 100px;
    height: 50px;
   
    cursor: pointer;
}
</style>
<div id="parallelogramm" onmousedown="this.style.backgroundColor='green'" onmouseup="this.style.backgroundColor='red'"></div>