.zfcontainer {
position: relative;
border: 1px dashed red;
/* set an height attribute and set to largest image's height to prevent overlaying; FORMAT DIV*/
}
.zfimgbasis {
position: absolute;
margin-left: 510px;
min-width:90%; /* to cure layout failure in IE; hasLayout issue?*/
top: 0;
lleft: 510px;
}
.zfimgref {
background: #FDEEF4;
color: navy;
}
.zfimgref span{ /*CSS for new image; FORMAT SPAN*/
position: absolute;
ppadding: 0px;
left: -1000px;
visibility: hidden;
}
.zfimgref span img{ /*CSS for new image; padding to compensate for image border in html*/
padding: 1px;
}
.zfimgref:hover span{ /*CSS for new image*/
visibility: visible;
top: 0;
left: 510px; /*position where new image should offset horizontally */
z-index: 50;
}
td.zfimgref {
background: #FDEEF4;
color: navy;
}
td.zfimgref span{ /*CSS for new image; FORMAT SPAN*/
position: absolute;
ppadding: 0px;
left: -1000px;
visibility: hidden;
background: none;
}
td.zfimgref span img{ /*CSS for new image; padding to compensate for image border
in html*/
padding: 1px;
}
td.zfimgref:hover span{ /*CSS for new image*/
visibility: visible;
top: 0;
left: 510px; /*position where new image should offset horizontally */
z-index: 50;
}