<style>
.parallelogramm {
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
zoom: 1;
position: relative;
margin-left: 12px;
float:left;
filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M21=0.0, M12=-1.0, M22=1.0, SizingMethod='auto expand');
background-color: red;
width: 100px;
height: 50px;
cursor: pointer;
}
</style>
<body style="padding:23px;">
<div class="parallelogramm" onmousedown="this.style.backgroundColor='green'" onmouseup="this.style.backgroundColor='red'"></div><div <div class="parallelogramm" onmousedown="this.style.backgroundColor='green'" onmouseup="this.style.backgroundColor='red'"></div>
</body>
Гы - норма
(*
melky,
Зато такого нет =>
http://uploads.ru/?v=0OskH.png