I'm trying to add reCAPTCHA to my blog comment page:
www.metacase.com/blogs/stevek/blogView => "Add Comment"
The page uses TinyMCE (2.0.6) for the text field, and when the cursor
goes over the TinyMCE toolbar or clicks in its text field, the
reCAPTCHA input field disappears. It seems to become invisible and
move up a few lines, since I can tab there and type. Pressing the
button to request a new challenge makes it visible and in the right
place again.
In tests, I've made TinyMCE only replace the blog comment field rather
than all textareas, updated it to 3.0.5, and corrected a mis-placed </
div>, but none of these solve the problem. The </div> is the only one
that had any effect: it helps for some CSS style sheets, but not all.
Could reCAPTCHA be getting lost in the divs and CSS? Or is IE7 more
likely at fault?