[monolithed]

Уже поздно, спать пошел, но оставлю небольшую наводку, которая возможно поможет разъяснить ситуацию:

<style type="text/css">
#container{
    width:400px;
    height:400px;
    border:1px dashed #63C;
}
    
.create {
    background-color:#00F;
    position:absolute;
    width:24px;
    height:24px;
    top:0;
    left:0;
}

</style>
<script type="text/javascript">
window.onload = function(){
    var container = document.getElementById('container');
    var childs = container.getElementsByTagName('div');

    container.onclick = function(event){
        var event = event ||window.event;
        var div = document.createElement('div');
        div.setAttribute('class','create');
        div.style.left = event.clientX+'px';
        div.style.top = event.clientY+'px';
        this.appendChild(div);

        for(i=0; i<childs.length; i++){
            childs[i].onclick = function(i){
                return function(){
                    alert(i + ' : ' +this.offsetTop+'x'+this.offsetLeft);
                };
            }(i);
        }
    };
};
</script>

<div id="container"></div>

PS: обратить внимание на событие после повторного клика на созданный элемент