So I checked your form in 3 versions of Internet Exploder and the button displayed fine in IE9 and IE8 but not in IE7.
Version 9 screenshot: http://bit.ly/nCzWks
Version 8 screenshot: http://bit.ly/pR5rOK
For some reason, in version 7 there is a huge space to the right of the form and I'm not sure where it's coming from. If you notice, there's a horizontal scrollbar in that window and it scrolls almost endlessly to the right. Since the button has a percentage-based left margin.. 31% of a huge horizontal space in this case meant off-screen somewhere to the right.
You can try adding this to the very end of your theme stylesheet.
/* IE7 Fix for this theme */
body .gform_wrapper .gform_footer.right_label,
body .gform_wrapper .gform_footer.left_label
Version 7 screenshot after fix applied: http://bit.ly/oiofBG (make note of the tiny horizontal scrollbar handle in the screenshot.. thats because there's that huge horizontal empty space of dubious origin)
So, you'll notice that the recaptcha div is also not aligned properly in IE8 and 9. This works fine normally, but there's something in your theme again that's causing the issue. You can try the fix listed here and see if that helps.
I'm not sure what to tell you about the rest of the issues. There's definitely something going on with your theme styles that's making IE mad. You may want to talk to your theme developer for some help there if you can. Good luck.
Posted 10 years ago on Tuesday August 2, 2011 | Permalink