category list contains a html break tag

[tomk]

The category list at the bottom of my main page has a html break tag after a 1x1 spacer image that makes the link behave funny when hovering.

<div class="categoryListBoxContents" style="width:33%;"><a href="http://www.pmsoap.com/index.php?main_page=index&amp;cPath=1_40"><img src="images/pixel_trans.gif" alt="Bath Soap" title=" Bath Soap " width="1" height="1" /><br />Bath Soap</a></div>

[gjh42]

That's not being used as a spacer image; it's a stand-in for a missing product image.
Can we see the site to experience the effect? That may let us suggest a remedy.

[tomk]

sure, see the category links near the bottom of:

http://www.pmsoap.com/index.php?main_page=index&cPath=1

[gjh42]

Are you looking in IE? Firefox highlights the 1x1 gif when hovering on the text, but IE highlights a line-height slice, which is actually noticeable.

If you plan to have no images in any category listings, you could add a rule to your stylesheet to hide the break and put the gif on the same line as the text, where it would be unnoticeable.

.categoryListBoxContents a img+br {display: none;}

[tomk]

outstanding!! thanks