See this page: http://iamsinc.com/blog/vsa/
When the form is viewed in FF or Chrome, everything looks as it should. When it is viewed in IE8 or IE9 (and presumably, IE7) the last field is slightly higher. (see here: http://imgur.com/FIoR0 ) Additionally, there is much more space between the last line of fields and the submit button. Any idea what causes this or how it can be fixed/avoided?
Thanks!
This is actually fine in IE8/9. It only appears this way in IE7. This isn't something I'll be able to troubleshoot for you blindly because of IE's crappy dev tools. However, you are more than welcome to target that field using our browser specific class that gets output. For example (and this might work), you could try:
[css]
.gf_browser_ie7 li#field_12_4 {
margin-top: 20px;
}If you were running IE9 in compatibility mode, that would be IE7. You would need to activate the developer tools in IE and manually switch between each version, without compatibility mode turned on. If this problem was affecting 8/9, that above snippet would not work because those forms would wrap with .gf_browser_ie8 and .gf_browser_ie9.
At any rate, glad that fixed it for you.