Disappearing Images on Hover

I was having a look at a site using This Just In! and noticed something that I've seen on occasion and thought I'd mention something: if you're using This Just In! and are noticing images disappearing when hovered over, here's a quick fix for you.

This problem specifically seems to arise with the use of the captcha refresh button on the C-Forms plugin. When you hover over the little circular arrow image to refresh the captcha, the image disappears. That problem arises from the fact that I applied the background: none; property to the image link selector in order to ensure image links don't show an ugly background on hover. The side effect of this is that some image links disappear if the link image is actually a background image rather than an inline one.

An easy fix is to simply use Firebug to get the appropriate CSS selector for the problem link image, and add an entry in your stylesheet assigning the property !important to the background property value for that image.

For example, if you're experiencing this problem in C-Forms, try adding this to your CSS: