Howdy.

I'm using a bottom dashed border for my text links in ZC.

I'm trying to remove it from images in my product listing view. I was able to remove it from images in sidebars.

This seems to be the correct CSS identifier for the images one sees in product list view (the list of products in a category) but I still can't remove the dashed bottom border. Even when this is the very last thing in the stylesheet, it doesn't work.

Code:
#productListing td.productListing-data a:link img {
     border-bottom-style:none; 
     background-color: transparent;
     }
In FireFox there is a weird jiggy effect on hover (with a background) that's not apparent in IE, and I've made no headway in figuring it out. Some kind of cell padding on hover? doesn't make sense quite. I've been using the FireFox Web Developer tools, trying various CSS edits on the fly, and no success.

My site is in the link below.

Ideas, oh CSS mavens?