If the Captcha code finds itself within a container where CSS
position: relative has been set it seems the text field position gets
screwed up (in IE7 at least, not in FireFox):
E.g here:
<div style="position: relative" >
some stuff
<script type="text/javascript">
//<![CDATA[
var RecaptchaOptions = {"theme":"white"};
//]]>
</script>
<script src="
https://api-secure.recaptcha.net/challenge?
k=6LeULQEAAAAAAK0COpbBDRx%2dE8q49vB4veh0vnyB" type="text/javascript">
</script>
more stuff
</div>
Putting the code in a <div> with position: absolute seems to fix it -
but it's not ideal!
<div style="position: relative" >
some stuff
<div style="position: absolute" >
<script type="text/javascript">
//<![CDATA[
var RecaptchaOptions = {"theme":"white"};
//]]>
</script>
<script src="
https://api-secure.recaptcha.net/challenge?
k=6LeULQEAAAAAAK0COpbBDRx%2dE8q49vB4veh0vnyB" type="text/javascript">
</script>
</div>
more stuff
</div>