﻿a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen {
	padding: inherit;
	margin: inherit;
	color: #c00;
	position: relative;
	z-index: 1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:2px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/* 
<a 
class="screen"  
href=3D "http://www.fairweather.com/akpub/notes.htm"><B><IMG 
alt= Mylogo
src= "http://www.fairweather.com/akpub/logo.jpg"></B>
</a>

you=20
could have a pop-up image to show your visitors. This could be a link or =
just a=20
reference image.</P>

*/
