Trouble with link hover border

[gnetcon]

Hello all!

I have the following code in place, but I am having a difficult time getting the hover border to go away for this item.

I have a div named "content", and I have a hover value to display a dashed border below the link. But for the following code, I want it not to do this.

<div class="product_image"> 
<a href="greekblklarge.jpg" title="Aegean Imports GREEK FISHERMAN CAP" class="thickbox" rel="field_image_cache_0"> 
<img src="greekblklarge1.jpg" alt="Aegean Imports GREEK FISHERMAN CAP" title="Aegean Imports GREEK FISHERMAN CAP" /></a><br /> 
</div> 

I've tried several combinations of

.thickbox a:hover { 
 border: 0; 
} 

to no avail. I'm sure I'm just not applying it correctly.

Could anyone shed some light on this and help me out? I would really appreciate it.

[Marshall]

You can either try border-width: 0;, or border-bottom-width: 0;, or in the hover state, set the border color to the same as your background. By making the border go away, the text will jump slightly. By making the border the same color, it avoids this problem.

Marshall