When rotating hyperlinks in Internet Explorer 9, the painting to the screen seems to be handled fine, but the clickable area doesn’t appear to respect this.
Whether the rotation is done with -ms-transform, filter, or -ms-filter doesn’t seem to matter. It also doesn’t seem to matter whether you rotate the hyperlink itself (a:link), or its container (for example a div). With the latter, overflow:hidden isn’t respected either (again, for the clickable area; the painted area is clipped as expected).
Is there any way to fix this, or should I fall back to area[coords] (which, of course, is not preferable)?
Sadly i’m having the same issue when trying to turn a button for 90 degrees. The clickable area in IE is only on the top of the button. Shitty IE =[
I really don’t want to use an image for a button…
Found out this thread: Rotating clickable elements in IE8+ maybe it will help you (and me)…