Images disappear on mouse over!

Hi,
I have successfully installed the Hot Effect Slider extension on my site today, but on mouse over, the images disappear! Please view the slide show on the front page of www.susan-proctor.com/

The links however work.

Could you advise me please?

Thanks.

Hi,

In CSS file www.susan-proctor.com/joomlaworks/templa...e2/css/styleGrey.css .

You have this:

a:hover {
background: #D9D1C7;
color: #333;
}

You defined CSS rule for <a> tag on hover globally so that rule triggers when you are over HOT Slider because image is in <a> tag , and also NAV buttons are in <a> tag.

Thank you very much for your reply. I commented out the following:

a:hover {
background: #D9D1C7;
color: #333;
}

in my template's css file and the problem got fixed.