Superscripts in Links

[mcdzinr]

I am hoping someone can assist me with this question asap. Is there any way to create link text that contains a superscript without having the little underline go up underneath the superscripted text? In other words, if you have the following:

<a href="#">Widget^® download here</a>.

I would want there to be a continuous link underline and not a break where the underline goes up under the superscripted registration mark. I don't want a break in the underline, either. It needs to be one continuous link. I hope someone can help me out. Thanks!

 

[RaptorRex]

I don't think CSS supports it. At least not CSS1.

I would just take ® out of the <a> tag.

<a href="#">Widget</a>
^®
<a href="#">download here</a>.

If you do that and you still want to try underlining it alone the same baseline as the surrounding text, then try putting a border on the bottom of its box.

 

[mcdzinr]

Thank you for the suggestion, but that won't work in this situation. One thing I should've mentioned is that the links have a hover state, as well, and need to remain as a single underline linked unit and not break up into different underlined words. However, with the hover state being mandatory, this makes it even more difficult. This has stumped everyone I've talked to. I sure hope we can come up with a solution. An image isn't an option, either, because this has to be done according to our corporate style guide rules, and so it needs to remain as link text with a hover and visited state. This just seems to happen in IE. It's not a problem at all in Firefox or Safari.