I came across this weird issue the other day and was hoping to get some thoughts on the cause,
The bug is specific to IE 6.0.2900.2180 and resolution of 800x600, only this specific resolution, already weird huh.
So what happens is the div which should 'pop up' doesn't under the above conditions, all other browser versions and even higher resolution in the above version of IE all works.
heres the code to reproduce the issue:
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript" type="text/javascript">
function openme()
{
var newdiv = document.createElement('div');
newdiv.id = "vppopup"
newdiv.name = "vppopup";
newdiv.style.width = "200px";
newdiv.style.height = "200px";
newdiv.style.border = "1px solid #999";
newdiv.style.backgroundColor = "#fff";
newdiv.style.zIndex = '50';
newdiv.style.position = "absolute";
newdiv.style.top = "10px";
newdiv.style.left = "10px";
newdiv.innerHTML = '<div style="height:25px;background:#fff;"></div>' +
'<div style="width:[w];height:[h]">'+
'<iframe id="frmeid" src="http://www.google.com" height="180px" width="200px" frameborder="0" style="background:#fff;" ></iframe>'+
'</div></div>';
document.body.appendChild(newdiv);
}
</script>
</head>
<body>
<input type="button" onclick="openme();" value="clickme" />
</body>
</html>[/HTML]
To resolve the issue i set the style.position, style.top, style.left after i append newdiv.
This has got me stumped as why it occured. Any thoughts?