Вообще, код до хера сложный у вас был. Все общие стили выносим в отдельный класс.
z-index вам нахрен не сдался - по умолчанию элементы, следующие в коде ниже, находятся на странице выше предыдущих.
Я сделал бы примерно так:
<html>
<head>
<title>111</title>
<style>
html, body {
height: 100%;
width: 100%;
}
body {
padding:0;
margin: 0;
}
#place {
display:block;
width: 100%;
height: 100%;
overflow: hidden;
}
.pset {
position: absolute;
width: 4px;
height: 4px;
background: yellow;
border: 1px solid green;
overflow: hidden;
}
</style>
</head>
<body>
<div id="place" onmousemove="ffunc(event)"></div>
<script type="text/javascript">
place=document.getElementById("place");
function ffunc(event) {
event= event || window.event;
var div=document.createElement("div");
div.style.position= "absolute";
div.style.left= event.clientX;
div.style.top= event.clientY;
div.className="pset";
place.appendChild(div);
}
</script>
</body>
</html>