Here is a solution
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
var oPopup = window.createPopup()
function goPop(oHeight) {
var oPopupBody = oPopup.document.body;
var lefter = event.offsetY + 100;
var topper = event.offsetX + 100;
oPopupBody.innerHTML = stylediv.innerHTML;
oPopup.show(topper, lefter, 400, oHeight, document.body);
document.body.onmouseup = closePopup;
}
function closePopup() {
oPopup.hide();
}
function fillPopup(titler, texter, linker) {
oTitle.innerText = titler;
oText.innerText = texter;
}
</script>
<script type="text/javascript">
<!--
function Button1_onclick() {
goPop(300);
}
</script>
</head>
<body>
<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
<div id="stylediv" style="display:none">
<script type="text/javascript">
<!--
function FollowLink_onclick() {
window.parent.open("www.google.com", "_blank")
}
</script>
<div style="position:absolute; top:0; left:0; border:1px solid #6699cc; width:400; height:300px; z-index:3;">
<div id="oTitle" style="position:relative; width:100%; background:#ffffff; height:32px; font-weight:bold; padding:5px; font-size:10pt;">Title of tip</div>
<div id="oText" style="padding:5px">
<img id="FollowLink" alt="Click Me" src="http://s.codeproject.com/App_Themes/Std/Img/logo250x135.gif" style="width: 48; height: 48;" onclick="window.parent.open('http://www.google.com', '_blank')" />
</div>
</div>
</div>
</body>
</html>