Thanks Roy, but I'm well aware of that. You are answering a question I did not ask. Forget about the positioning thing...why doesn't the window.onscroll event fire?
I've changed the page I linked to, here's the code...<html>
<head>
<title>Floating layer</title>
<style type="text/css">
div#blah {
position: absolute;
left: 8px;
top: 12px;
width: 126px;
height: 128px;
border: 1px solid #999;
background-color: #EEE;
}
</style>
<script type="text/javascript">
window.onscroll = doStatic;
window.onresize = doStatic;
function doStatic() {
var o = document.getElementById('blah');
var sY;
if (window.pageYOffset)
sY = window.pageYOffset;
else if (document.documentElement && document.documentElement.scrollTop)
sY = document.documentElement.scrollTop;
else if (document.body)
sY = document.body.scrollTop
o.style.top = 12 + parseInt(sY) + 'px';
}
</script>
</head>
<body>
<div id="blah"></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi fermentum, nisl at pellentesque pulvinar, urna erat congue neque, non rhoncus quam purus eget ipsum. Ut mattis. Morbi aliquet diam at tortor. Nunc vitae velit. Vestibulum egestas feugiat nulla. Sed tortor lectus, pellentesque lobortis, elementum ut, vestibulum sed, libero. In hac habitasse platea dictumst. Donec nunc dolor, dignissim ut, cursus eu, elementum vitae, arcu. Praesent blandit auctor lacus. Aenean non est in libero adipiscing dignissim. Vestibulum hendrerit. Curabitur pulvinar fermentum metus. Integer lacus leo, rutrum at, malesuada vel, dapibus faucibus, enim. Aliquam elit lectus, nonummy eu, interdum id, molestie eget, erat. Morbi posuere, ipsum in porttitor pretium, est augue blandit tortor, id feugiat augue est rutrum est. Donec nisl purus, mollis ac, tempus et, pretium quis, lorem.
</p>
<p onclick="doStatic()">Pellentesque non tortor. Aenean placerat. Maecenas laoreet mauris eget tellus. Curabitur eu quam vitae justo adipiscing sodales. Duis volutpat. Cras rhoncus nisl eget felis. Suspendisse velit nunc, vehicula ac, dictum non, facilisis porttitor, felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Ut eleifend luctus metus. Praesent rhoncus. Aenean nonummy. Maecenas tempor. Nunc ac wisi. Donec ultrices neque eget enim. In aliquet congue pede.
</p>
<p>Fusce tellus felis, pellentesque quis, rutrum eget, elementum vitae, justo. Cras condimentum suscipit metus. Morbi augue augue, tempus quis, rhoncus et, interdum vitae, mauris. Cras pulvinar. Morbi volutpat orci id urna. Praesent venenatis dolor eu lectus. Vestibulum ultricies leo sit amet neque. Aliquam et sapien rutrum leo dapibus gravida. Nullam vestibulum mauris vel pede. Aliquam sit amet risus. Curabitur iaculis. Nunc eros ante, elementum eget, volutpat eget, tincidunt eu, pede. Nam suscipit pulvinar arcu. Praesent tortor. Vestibulum neque. Nam ac urna ac justo varius rutrum. Fusce sollicitudin, nibh non suscipit gravida, sapien eros vestibulum ligula, in viverra quam elit in eros.
</p>
<p>Pellentesque condimentum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed cursus aliquam est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec metus. Ut vehicula. Duis pretium convallis ipsum. Quisque convallis. Integer ac orci. Maecenas justo nunc, porttitor sit amet, dictum eget, cursus sed, elit. Aenean dignissim magna malesuada arcu. Phasellus vel nibh. Nunc eros massa, auctor a, venenatis et, aliquam non, nibh. Pellentesque libero sapien, egestas quis, luctus non, ultricies sit amet, dolor. Quisque lacinia luctus velit. Maecenas facilisis molestie ligula. Fusce at orci. Donec molestie, arcu ac vestibulum consectetuer, enim metus ultricies leo, nec egestas diam orci id ipsum. Nunc congue massa a wisi.
</p>
<p>Pellentesque ut elit nec metus vestibulum euismod. Cras sit amet orci ut nibh fringilla gravida. Sed blandit mollis eros. Nam luctus euismod libero. Donec non velit condimentum dolor molestie accumsan. Aliquam commodo mauris sed turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec varius ante non lorem. Aliquam molestie nonummy mi. Mauris et arcu ac pede feugiat accumsan. Etiam est risus, rutrum a, condimentum et, tincidunt non, est. Aliquam erat volutpat.
</p>
</body>
</html>