Link disappears in IE6, appears when links are added before it

Question

I have the following HTML tags that put a jQuery icon in a link:

<a href="#"><span class="jquery-icon-stuff"></span>Link Text</a> 

IE6 refuses to display tags (presumably out of respect).

However, when I add the following tags:

 <a href="#">Link Before</a> <a href="#"><span class="jquery-icon-stuff"></span>Link Text</a> 

Then, the original link is happily displayed along with the before and after links.

This seemed like an example of IE6 Peekaboo Bug , but this modified version with some peekaboo patch applications fixed

 <a href="#" style="position:relative; min-width:0; zoom: 1;"><span class="jquery-icon-stuff"></span>Link Text</a> 

Also did not work.

Am I looking at a Peekaboo error instance here? If so, why are my fixes not working, and how can I get IE6 to reveal my work again? If it is not Peekaboo, then what is it?

EDIT : no “after” link is required for operation - before the link is sufficient. Also href attributes are not relevant.

EDIT SECOND: the problem seems to be with jQuery icon markup. To make it appear right next to the link text, I created it using display: inline-block; . Deleting the range (and, indeed, deleting the rule of the inline block) returned the link, however, the problem with the jQuery user interface icon does not line up with the text.

Answer 1

Try adding the href attribute to the a tag. Like <a href="#"><span...