Images disappears when mouse hovers

[soapsuds]

I'm hoping someone can help me with a small problem. I've read through a lot of posts, but none seem to have this same problem.

 

I got my pictures up on my site just fine, but when I hover my mouse over the picture, the picture disappears leaving only text behind. How can I get my images to stay? And I can't seem to just click on the box to go into the product, I have to choose text to get to the next step. My site is www.soapsudsations.ca.

 

Thanks in advance.

[zaymund]

To make the picture is not hidden when the mouse is the easiest way to write your template global.css

 

display: block !important;

 

1127

#center_column div.products_block .product_image {
display: block !important;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
height: 129px;
left: -2px;
padding: 8px;
position: absolute;
top: 30px;
width: 129px;
z-index: 50;
}

 

 

 

 

Waiting for position description and other items, because they will not be visible when you move now?

Edited November 27, 2012 by zaymund (see edit history)

[soapsuds]

Thank you Zaymund, for your prompt reply. I hate to ask another stupid question but what's the best way to make those changes? What I mean is that I assume you mean at line 1127, make the changes you suggested, so how do I figure out where line 1127 is? Thanks again I really appreciate your help.

[zaymund]

You need to get on ftp folder with your theme and edit the styles in this line ..

 

http://soapsudsations.ca/themes/clean-simple/css/global.css

[soapsuds]

Thanks zaymund, I'll give it a try.