white box showing in form/ sizing discrepancies

[lmorales]

I have a site up at coydesigntesting.info. In the contact form on the front page, when you put your cursor in the captcha box, a white box pops up on the side of it and I dont know whats causing it. Also, in the two boxes on the bottom, they become sized differently depending on the browser being used, how would I fix this? OH, also testing it in IE 9.0 the contact fields are showing up the same color as the background... but fine on all other browsers ( except the super ancient ones)


coydesigntesting.info

[Excavator]

Hello Imorales,
Your <input id="captcha2" also has a class="ccf-tooltip"

_message">Comments</label>
<textarea class=" "  id="contact_message-1357929737" rows="5" cols="40" name="contact_message"></textarea>
</div>
<div>
<img width="96" height="24" alt="Captcha image for Custom Contact Forms plugin. You must type the numbers shown in the image" id="captcha-image" src="http://coydesigntesting.info/wp-content/plugins/custom-contact-forms/image.php?fid=2" /> 
			<div><label for="captcha2">* Type the numbers.</label> <input class=" ccf-tooltip-field" type="text" title="Type the numbers displayed in the image above." name="captcha" id="captcha2" maxlength="20" /></div>
</div>
<input name="form_page" value="/" type="hidden" />
<input type="hidden" name="fid" value="2" />

Odd how it ignores the -field part of that class name.