File: //home/posscale/public_html/Untitled-1.html
<html>
<head>
<link href="http://www.posscales.com.au/newsite/templates/pos_scales/css/ps_style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://www.posscales.com.au/newsite/templates/pos_scales/css/joomlacore.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
<!--
.listproductDiv {
visibility: hidden;
width:300px;
height:300px;
background-color:#FF0000;
z-index:1;
display:block;
position:relative;
top:-10px;
left:10px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}
//-->
</script>
</head>
<body>
<div style="border:1px; border-color:#999999; border-style:solid; padding:0px;">
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td>
<a href="{product_flypage}" title="{product_name}" style="font-size: 12px; font-weight: bold; color:#000000;" onMouseOver="MM_changeProp('uniqueName1234','','visibility','visible','DIV')" onMouseOut="MM_changeProp('uniqueName1234','','visibility','hidden','DIV')">{product_name}</a> </td>
<td><div align="right">{product_price}</div></td>
<td width="115"><div align="right">{form_addtocart}</div></td>
</tr>
</table>
</div>
<div class="listproductDiv" id="uniqueName1234" onMouseOver="MM_changeProp('uniqueName1234','','visibility','visible','DIV')" onMouseOut="MM_changeProp('uniqueName1234','','visibility','hidden','DIV')">This is the mouse over thingo</div>
</body>
</html>