only 'half' border appears in firefox

only half of the border around an image or link seems to appear in firefox

[NKgene]

Hi guys,

I have a small image gallery where i have a main image and a few thumbnails underneath. On hovering on a thumbnail I've made the border on the link around the image change colour. I've sorted that bit but suddenly in firefox only the bottom half of the border is showing.

Oh dear! IE is working ok though. Can anyone help me out with this?

thanks v much. My CSS and HTML code is below.

beN

CSS:

a.previewThumb{
border:1px solid #CCCCCC;
margin:2px;
}

a:hover.previewThumb{
border: 1px solid #3584C6;
}

a.previewThumb img{
border:none;
}
HTML:

<!-- thumbnail images here! -->
<td align="center"><a class="previewThumb" href="#"><img src="images/bloc_merc_07_sml1.jpg" /></a><a class="previewThumb" href="#"><img src="images/bloc_merc_07_sml2.jpg" /></a><a class="previewThumb" href="#"><img src="images/bloc_merc_07_sml3.jpg" /></a></td>

[simonuk]

This will fix it:

<style>
.previewThumb img{
border: 1px solid #ccc;
}

.previewThumb:hover img{
border: 1px solid navy;
}
</style>