fchristian1: verschiebare div's im ie 7, im HTML ok,DOM erstelle div's fehler

hi,

habe anhand diese Beispiels ein bisschen gebastelt.
http://aktuell.de.selfhtml.org/artikel/javascript/draganddrop/

funktioniert auch soweit, und auch in allen Browsern.

nur wenn ich jetzt mit DOM neue DIV Elemente erstelle die die gleiche Funktion aufrufen sollen, dann geht das DIV nicht mehr zu verschieben, im IE 7. Im FF geht es ohne Probleme.

hier mein Code.

Erklärung:

ein div ist schon da, das aus dem HTML Code.
wenn man auf fenster 1 und/oder auf fenster 2 klickt erscheint ein neues DIV was per Java/DOM erstellt wird. und dieses DIV ist dann nicht mehr zu verschieben.

das rote und grüne div ist aus dem Beispiel von oben.

<html>  
<head>  
<style type="text/css">  
		#menu {  
			float:left;  
		}  
		#mouse {  
			position: absolute;  
			font-family:sans-serif;  
			z-index:10000;  
			color:red;  
		}  
		#window_temp div {  
			position:absolute;  
			  
			background-color:#eeeeee;  
			border: 2px solid #000000;  
			color: #000000;  
			left:500px;  
			top:500px;  
			width:300px;  
			height:225px;  
		}  
		#window_temp div div {  
			left:0px;  
			top:0px;  
			width:100%;  
			height:20px;  
			border: 0px;  
			border-bottom: 1px solid #000000;  
			background-color:#eeeeee;  
		}  
		#desk {  
			width:100%;  
			background-color:#cccccc;  
		}  
		</style>  
<title>Drag-and-Drop</title>  
<script type="text/javascript">  
		function init() {  
			  
		}  
		function rp_window_inhalt(inhalt, id) {  
			var fenster = document.getElementById(id);  
			var leiste = document.createElement("div");  
			var leiste_inhalt = document.createTextNode(inhalt);  
			leiste.setAttribute("id", "leiste");  
			leiste.appendChild(leiste_inhalt);  
			fenster.appendChild(leiste);  
			  
		}  
		//fenster erstellen mit eindeutiger id und namen um den inhalt zu bestimmen  
		  
		function rp_window(inhalt) {  
			var time = new Date();  
			var time1 = time.getTime();  
			var inhalt1 = inhalt;  
			var new_window = document.createElement("div");  
			var att = document.createAttribute("id");  
			att.nodeValue = time1;  
			var window_temp = document.getElementById("window_temp");  
			window_temp.appendChild(new_window).setAttributeNode(att);  
			document.getElementById(time1).setAttribute("name", inhalt1);  
			document.getElementById(time1).setAttribute('onmousedown', 'dragstart(this)');  
			rp_window_inhalt(inhalt1, time1);  
		}  
		var iLastZIndex = 1000;  
		function toFront(elem) {  
			elem.style.zIndex = ++iLastZIndex;  
		}  
		function mouseEreignis() {  
			var desk = document.getElementById("desk");  
			var laden = document.createElement("div");  
			laden.setAttribute("id", "mouse");  
			desk.appendChild(laden);  
			document.getElementById("mouse").style.left = posx + 15;  
			document.getElementById("mouse").style.top = posy + 15;  
			var mousepic = document.getElementById("mouse");			  
			var img = document.createElement("img");  
			img.setAttribute("src", "site/pics/loading.gif");  
			mousepic.appendChild(img);  
  
		}  
		function mouseClean() {  
			var mousepic = document.getElementById("mouse");  
			clearText(mousepic)  
		}  
		function clearText(el) {  
			if (el != null) {  
				if (el.childNodes) {  
					for (var i = 0; i < el.childNodes.length; i++) {  
						var childNode = el.childNodes[i];  
						el.removeChild(childNode);  
					}  
				}  
			}  
		}  
  
		<!-- gueltig fuer Netscape ab Version 6, Mozilla, Internet Explorer ab Version 4  
  
		//Das Objekt, das gerade bewegt wird.  
		var dragobjekt = null;  
  
		// Position, an der das Objekt angeklickt wurde.  
		var dragx = 0;  
		var dragy = 0;  
  
		// Mausposition  
		var posx = 0;  
		var posy = 0;  
		  
		  
		var mouse = null;  
  
		function draginit() {  
		 // Initialisierung der Überwachung der Events  
  
		  document.onmousemove = drag;  
		  document.onmouseup = dragstop;  
		}  
  
  
		function dragstart(element) {  
		   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.  
  
		  dragobjekt = element;  
		  dragx = posx - dragobjekt.offsetLeft;  
		  dragy = posy - dragobjekt.offsetTop;  
		}  
  
  
		function dragstop() {  
		  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.  
  
		  dragobjekt=null;  
		}  
  
  
		function drag(ereignis) {  
		  //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.  
  
		  posx = document.all ? window.event.clientX : ereignis.pageX;  
		  document.getElementById("mouseX").firstChild.data = posx;  
		  posy = document.all ? window.event.clientY : ereignis.pageY;  
		  document.getElementById("mouseY").firstChild.data = posy;  
		  
		  if(dragobjekt != null) {  
			document.getElementById("objdrag").firstChild.data = dragobjekt.getAttribute("id");  
			dragobjekt.style.left = (posx - dragx) + "px";  
			dragobjekt.style.top = (posy - dragy) + "px";  
		  }  
		  var mouse = document.getElementById("mouse");  
			if(mouse != null) {  
				mouse.style.left = (posx + 15) + "px";  
				mouse.style.top = (posy + 15) + "px";  
			}  
		}  
		//-->  
  
  
		</script>  
</head>  
<body onload="draginit()">  
<div onmousedown="dragstart(this)" style="position:absolute;top:0px;left:200px;height:100px;width:100px;background:#ff0000"> </div>  
<div onmousedown="dragstart(this)" style="position:absolute;top:200px;left:200px;height:100px;width:100px;background:#00ff00"> </div>  
		<div id="menu">  
			<div id="fenster1" onclick="rp_window('fenster 1')">  
				<p>fenster 1</p>  
			</div>  
			<div id="fenster2" onclick="rp_window('fenster 2')">  
				<p>fenster 2</p>  
			</div>  
			<a onclick="mouseEreignis();">laden</a>  
			<a onclick="mouseClean();">stop</a>  
		</div>  
		<div id="desk">maus position:  
			<div id="mouseX">_</div>  
			<div id="mouseY">_</div>  
			<div id="objdrag">_</div>  
		</div>  
		  
		<div id="window_temp">  
			<DIV onmousedown="dragstart(this)" id="1234913067750" name="Artikel" style="left:250px;top:250px;>  
				<DIV id="leiste">Artikel</DIV>  
			</DIV>  
		</div>  
		<script type="text/javascript">  
		SET_DHTML("drag");  
		</script>  
	</body>  
</body>  
</html>