I have this simple contact form for a test website that I have rotated: 1.5 degrees. In Firefox, Chrome, ie9 there is no issues with this. A small issue becomes apparent in ie 8 and 7.
In ie7 and ie8 the form has rotated the 1.5 degrees, except you notice the text caret is raised partially above the text-field. I discovered through ie's developer tools and outline that this is the input field, and it did not rotate!
How can I rotate the input field? I've tried "input#name.required" in the conditional style sheets with no success:
filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
M11=0.9996573249755573, M12=0.02617694830787315, M21=-0.02617694830787315, M22=0.9996573249755573, sizingMethod='auto expand');
Any help and/or guidance gratefully accepted.