My Joomla 1.5 site has CK Forms installed and is functioning properly, except for one issue: the tooltip on the captcha is not displaying correctly. It appears in a tiny 1px font size. Even though I have tried debugging using Firebug and confirmed that the font size is set correctly with the following CSS properties:
#ckformcontainer .ckform div.error {
display: none;
font-size: 12px;
}
When attempting to remove the display:none property in Firebug, the tooltip displays correctly, but upon hovering over it, the font size becomes extremely small. You can see this problem in action here:
Scroll to the bottom of the page and locate the 'i' near the captcha.
After some investigation, I discovered that the 1px font size is actually being inherited from the body element, overriding other styles. The specific element causing this issue is:
<div id="errorck_captcha_code" class="error"> Please try to enter the captcha again, the code was not accepted this time. </div>
I am currently using Firefox 9.0.1 (planning to upgrade for testing) on Windows 7, but similar behavior has been observed in Internet Explorer as well.