Centering popup images in an iframe

[ma-chino]

Hi All-

I have the following iframe on my main web page which calls up another html that has several links that popup images whenever you hover over the link. Thus far, everything is working except that I would like to have the popup images centered on the iframe and not in the source html. What is currently happening is that if you hover a link the popup may get trimmed of depending on the link position within the iframe. Is there any way to center all popups on the source file within the iframe on the main webpage?

<iframe id="datamain" width="460" height="415" align="left" valign="top" marginwidth=0 marginheight=0 hspace="-6" vspace=0 frameborder=0 scrolling=no src="consultserv-list.html">

I am using the following code to popup my images in my source html.

.pic
{
	position: relative;
	z-index: 0;
}

.pic:hover
{
	background-color: transparent;
	z-index: 50;
}


.pic span
{
	/*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	top: 155px;
	left: -1000px;
	border: 1px solid black;
	visibility: hidden;
	color: black;
	text-decoration: none;	
}

.pic span img
{ 	
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.pic:hover span
{ 	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0px;
	left: 10px; /*position where enlarged image should offset horizontally */
}

Thanks in advance for your assistance.

Manuel