Reposition the submit button on form error

Hey gang,

I've re-positioned my form submit button using the following CSS:

.gform_image_button {
	float: right;
	position: absolute;
	right: 3px;
	bottom: 40px;
}

The button is right where I want it but, if the user submits the form with an error, the error messages will cause the button to overlap some form fields. (I'm using AJAX forms, btw.)

Below is the solution I came up with, which doesn't work. I've placed this script in my HEAD section. I'm hoping you folks can spot what I'm doing wrong...

<script type="text/javascript">
jQuery(document).ready(function($) {
	// On form validation error, adjust the position of the submit button to prevent overlapping
	$(document).bind("gform_post_render", function(){
		tooltip_form_error();
	});
	function tooltip_form_error(){
		if( $(".validation_error").length > 0 ) {
			$(".gform_image_button").css("bottom","0px !important");
		};
	}
});
</script>

Hey Kevin,

Here is a link to the development site: http://buccan.mynewsitepreview.com/

Forms appear inside of tooltips when you hover over certain links in the footer. Try hovering over the 'Contact' link and just hitting the submit button without filling out the form, and you'll notice two problems:

1) The form tooltip resizes off the bottom of the page; and
2) The submit button overlaps form fields because of the error boxes.

I can resolve both issues using jQuery to animate the tooltip when it is resized and reposition the submit button, if I can just bind my error handling function to this darn gform_post_render hook...

Thanks in advance!

Ah, that explains it! I didn't realize gform_post_render was a new feature, not yet available in 1.5.x...

I'll grab 1.6 and give it a go as soon as it's available. Thanks for your help.