I'm trying to get a hoover effect for my images to work in a text/html module. It works on a html site but not on this dnn 6.2 site

can anyone give me a hint as to whats getting in its way of working -

Ive have appended the css to my skin.css file - the image kinda works but st-udders and shows eradicate behavior.

here my site image with the css

http://www.poolstoponline.com.dnnma...fault.aspx

here is what they should do

http://designshack.net/tutorialexam...index.html

heres is the code

http://designshack.net/articles/css/joshuajohnson-2/

any help that would help me to understand what im missing would be so greatly appreciated

I haven't completely figured it out, but I've found this:

There is something in skin.css that keeps the images from getting wider than the enclosing divs and ps.

If found this with the developer tools in Chrome. If, when viewing the page, you delete this line:

@import url(css/layout.css);

then the grow and shrink items work.

And, you are missing an attribute for opacity in both of those rules.

I think that the border and sidepan things work.

This one will help you...CSS Image Hover

http://www.corelangs.com/css/box/hover.html

Antonio