Now, I'm usually not concerned at all with IE 5 for Mac.  This question is 
completely because I want to know why it doesn't work.  Whether it does or 
not isn't really important - I'm just obsessed with trying to find a way to 
make it work, for no other reason than to do it :)

So, I'm trying to put together a disjointed rollover effect - absolutely no 
javascript - CSS based only.  I've got it working in everything I have - 
EXCEPT IE 5 for Mac.  Would anyone know why?  Any ideas on how to make it 
work?  Just curious for curiosity's sake :)

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css" media="screen">

img {
border:solid 2px #CCC;
}

span {
display:none;
}

span img {
border:none;
}

a, a:link, a:visited, a:hover {
border:none;
text-decoration:none;
}

a:hover span {
position:absolute;
left:100px;
top:100px;
width:130px;
height:122px;
display:block;
}

</style>

</head>

<body>

<div id="nav">
<a href="#"><img src="link1a.jpg" width="52" height="49" alt="" />
<span><img src="link1.jpg" width="130" height="122" alt="" /></span></a><br 
/>

<p><a href="#"><img src="link2a.jpg" width="52" height="49" alt="" />
<span><img src="link2.jpg" width="130" height="122" alt="" /></span></a><br 
/>

<p><a href="#"><img src="link3a.jpg" width="52" height="49" alt="" />
<span><img src="link3.jpg" width="130" height="122" alt="" /></span></a><br 
/>

<p><a href="#"><img src="link4a.jpg" width="52" height="49" alt="" />
<span><img src="link4.jpg" width="130" height="122" alt="" /></span></a>
</div>

</body>
</html>

Just wondering what the input is on this :)  Thanks!

~Shelly 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to