Is there an equivalent for Internet explorer for the -moz-transform: translate(100px),
div#features div#right-top-tab {
/* Opera */
-o-transform: rotate(-90deg) translate(0px, -45px);
/* Safari */
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: 45px 45px;
/* Firefox */
-moz-transform: translate(-45px) rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
background:url('../../images/style_1/tab.png') no-repeat scroll 0 0 transparent;
height:30px;
position:fixed;
right:-90px;
top:200px;
width:120px;
}
I have the code above, which positions a small tab on the right hand side of the page, right on the edge once is processed the height is 120 and the width is 30px because it is rotated, at that point I need to hover on the element and everything works fine, the problem is that I need to have that element right on the edge of the page and when I push it to the left -90px it is positioned there but the hover works only on the lower 30 pixels of the image, this does not happen if the image is set to right:0;