[rgwergwegwerg]

var PMenu= {	depth:		0 ,
		panels_m_out:	[],
		root:		null
};

PMenu.clear= function(){
    alert('gweergwergwergwergwerg');
return
}

PMenu.mouseCk= function(ev){
    var panel_depth;
    const DELAY= 500;
    
    ev.stopPropagation();
    setTimeout('PMenu.clear()', DELAY);
return   
}

PMenu.nextPanel= function(ev){
    var div;

    ev.stopPropagation();
    PMenu.depth++;
    PMenu.createDiv();
    PMenu.panels_m_out.push(0);
return
}

PMenu.init= function(){
    PMenu.root= document.getElementById('start_element');
return
}

PMenu.createDiv= function(){
    var div= document.createElement('div');
    
    div.className= 'PMlevel'+ PMenu.depth;
    div.onclick= PMenu.nextPanel;
    div.onmouseout= PMenu.mouseCk;
    div.id= PMenu.depth;
    PMenu.root.appendChild(div);
return
}

PMenu.init();
PMenu.createDiv(

а вот такие стили - никакго наследования здесь оно вредно:
.PMlevel0 { position: absolute;
height: 500px;
width: 50px;
top: 100px;
left: 0%;
z-index: 10;
background-color: red;
}

.PMlevel1 { position: absolute;
height: 400px;
width: 50px;
top: 100px;
left: 51px;
z-index: 10;
background-color: red;
}

.PMlevel2 { position: absolute;
height: 200px;
width: 50px;
top: 100px;
left: 102px;
z-index: 10;
background-color: red;
}