I've implemented recaptcha on my site using the default red style and it displays great on all browsers except IE 8.
(source: dovinoutlaw.com)
What gives? Any idea?
I've done nothing to the formatting whatsoever. Just added the recaptcha to the page using JavaScript (jQuery) with standard plugin PHP validation (all proven working).
I don't even know where to start looking for a problem.
My jQuery code that loads the captcha after ajax load:
$("div#menu ul li a").click(function() {
var ifContact = $(this).attr('href'); <!-- variable for contact page -->
$('div#menu ul li a').removeClass("active").addClass("inactive");
$(this).removeClass("inactive").addClass("active"); <!--changes nav buttons-->
$('div#page_content').load(($(this).attr('href') + ' #content'), function(){
if (ifContact == 'contact.html') { <!--if we are on the contact page-->
Recaptcha.create("key", "captcha", {
theme: "red",
callback: Recaptcha.focus_response_field
});
}
});
return false;
});
The div that recaptcha was in was positioned within a container div with top:60px position:relative
via CSS. Changed to position:absolute;
.
SOLUTION: The div that recaptcha was in was positioned within a container div with top:60px position:relative via css. Changed to position:absolute;
Thanks to those who read and voted anyway!!