Hi, I am having a problem where a background-image at end of an <a> link is not displaying properly in IE when it contains a line break. See http://technology.berkeley.edu/msvista/, and after links like "Minimum Security Standards," "significant hardware investment," and "UC Berkeley BearShare Windows Vista site" there should be a little "offsite" icon, similar to the one wikipedia uses. In IE when these links have a line break in between them somewhere, it seems that IE tries to display the offsite icon at the end of the first line that has part of the link in it, not at the end of the link where I'd like it to be. When it does this, it almost always displays a partial version of the icon, which looks very strange. You may have to re-size your window to cause a line break in the middle of the link to see this behavior.
The HTML in question is: <a href="http://www.microsoft.com/windows/products/windowsvista/buyorupgrade/ca pable.mspx" class="offsite"> significant hardware investment</a> And the CSS is: a.offsite { padding-right: 15px; background-image: url(/images/offsite.gif); background-position: right center; background-repeat: no-repeat; } I've found a way to make the full icon appear, though it still appears at the point of the line break in the middle of a link. To do this, in the a.offsite style I changed: background-position: right center; To: background-position: 100% 0%; This "solution" is definitely not ideal because the icon overlaps the last letter on the end of the first line, and there is an empty space where the icon should really be right after the link. Is there any way to make Internet Explorer display this background-image correctly? It seems to be a problem with all versions, including 7.0. Thanks for any help you can give me! Allison Bloodworth Principal Administrative Analyst Technology Program Office University of California, Berkeley (415) 377-8243 [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
