I have a short test program for this issue at
http://runwithmcp.org/poof.html, with entire code below.
I have an external link style defined, and all is well in FireFox. But in IE6
if the link wraps around an end-of-line, the background image vanishes! It
comes back as soon as the link is on a single line. I've tried several IE
voodoo-hacks (adding "position: relative", etc.) with no success. Is there a
way to make this work in IE? (To see it, load the page and change the window
width until the link "breaks".)
Weird. (But it's IE, so that's redundant.)
Complete code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Disappearing Graphic</title>
<style type="text/css">
<!--
#content a.outside_link {padding-left: 12px; background:
url(images/external.gif) 2px 2px no-repeat;}
/* background image in link disappears in IE when link goes across end-of-line
*/
#content a.outside_link:hover {text-decoration: underline;}
-->
</style>
</head>
<body>
<div id="content">
<p>Carderock is just north of the Beltway on the Maryland side of the Potomac.
You should take Beltway Exit 41. Directions are available at the Carderock
Recreation Area, or use this <a class="outside_link" href="#">this Google Map
link</a> and use the "Directions to" feature with your own requirements.
</p>
</div>
</body>
</html>
-------------------------------------------
Mark Wilson, Computer Programming Unlimited
Web: http://www.cpuworks.com/
Email: [EMAIL PROTECTED] or [EMAIL PROTECTED]
Our motto: "Getting the Job Done"
________________________________________________________________________
Check out the new AOL. Most comprehensive set of free safety and security
tools, free access to millions of high-quality videos from across the web, free
AOL Mail and more.
______________________________________________________________________
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/
